ColorTool
Entrar
#BFBD81

#bfbd81 ≈ Sage

  • amarelo
  • Luminosidade: alta
  • Saturação: suave
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#bfbd81 é uma cor da família “amarelo”, com luminosidade alta e saturação suave. No modelo RGB, é formada por 74,9% de vermelho, 74,12% de verde e 50,59% de azul; impressa em CMYK, usa 0% de ciano, 1,05% de magenta, 32,46% de amarelo e 25,1% de preto. Seu ângulo de matiz é 58,06°, com 32,63% de saturação e 62,75% de luminosidade em HSL. É uma cor quente, muitas vezes associada a otimismo, atenção e alegria. Designers costumam usá-la em destaques e avisos, produtos infantis e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 10,81:1 (WCAG AAA). A cor nomeada mais próxima é Sage (#bcb88a), ΔE 3,4.

Descrição gerada a partir das propriedades medidas desta cor.

HEX
RGB
RGB em porcentagem
CMY
CMYK
HSL
HSV / HSB
Segura para a web#cccc99
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binário
Decimal
Luminância relativa0.4906

Complementar

  1. #bfbd81
  2. #8183bf

Complementar dividida

  1. #bfbd81
  2. #81a2bf
  3. #9e81bf

Análoga

  1. #bf9e81
  2. #bfbd81
  3. #a2bf81

Triádica

  1. #bfbd81
  2. #81bfbd
  3. #bd81bf

Tetrádica

  1. #bfbd81
  2. #83bf81
  3. #8183bf
  4. #bd81bf

Quadrada

  1. #bfbd81
  2. #81bf9e
  3. #8183bf
  4. #bf81a2

Monocromática

  1. #6f6d38
  2. #a19f52
  3. #bfbd81
  4. #d9d8b4
  5. #f3f2e6

Sombras

#bfbd81 misturado progressivamente com preto.

  1. #bfbd81
  2. #acaa74
  3. #999767
  4. #86845a
  5. #73714d
  6. #605f41
  7. #4c4c34
  8. #393927
  9. #26261a
  10. #13130d
  11. #000000

Matizes claros

#bfbd81 misturado progressivamente com branco.

  1. #bfbd81
  2. #c5c48e
  3. #ccca9a
  4. #d2d1a7
  5. #d9d7b3
  6. #dfdec0
  7. #e5e5cd
  8. #ecebd9
  9. #f2f2e6
  10. #f9f8f2
  11. #ffffff

Tons

#bfbd81 misturado progressivamente com cinza.

  1. #bfbd81
  2. #b9b781
  3. #b2b181
  4. #acab81
  5. #a6a581
  6. #a09f81
  7. #999880
  8. #939280
  9. #8d8c80
  10. #868680
  11. #808080

Texto legível 1.94:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 10.81:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #bababa ≈ 0.003% dos homens
Acromatomalia #bcbba6 ≈ 0.001% dos homens
Protanopia #c7b87d ≈ 1.01% dos homens
Deuteranopia #c8bb83 ≈ 1.27% dos homens
Tritanopia #c8b6ae ≈ 0.0001% dos homens
Protanomalia #c4ba7f ≈ 1.08% dos homens
Deuteranomalia #c5bc82 ≈ 4.63% dos homens
Tritanomalia #c4b99e ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-bfbd81 {
  color: #bfbd81;
}
Fundo
.bg-bfbd81 {
  background-color: #bfbd81;
  color: #000000;
}
Borda
.border-bfbd81 {
  border: 2px solid #bfbd81;
}
Variáveis CSS
:root {
  --color-primary: #bfbd81;
  --color-primary-rgb: 191 189 129;
  --color-primary-hsl: 58 33% 63%;
}
Degradê
.gradient-bfbd81 {
  background: linear-gradient(135deg, #bfbd81, #a2bf81);
}
Sombra colorida
.shadow-bfbd81 {
  box-shadow: 0 8px 24px rgb(191 189 129 / 0.35);
}

#bcb88a Sage ΔE 3.40 #bdb76b Dark Khaki ΔE 3.81 #c2b280 Ecru ΔE 5.66 #c5b358 Vegas Gold ΔE 7.73 #9ab973 Olivine ΔE 9.00 #b5a642 Brass ΔE 10.16 #eee8aa Pale Goldenrod ΔE 10.51 #40427e Invertida #bababa Escala de cinza 

Sage
#bfbd81  rgb(191, 189, 129)  hsl(58, 33%, 63%)  Sage
#8183bf  rgb(129, 131, 191)  hsl(238, 33%, 63%)  Purple Mountain Majesty
#81bfbd  rgb(129, 191, 189)  hsl(178, 33%, 63%)  Verdigris
#bd81bf  rgb(189, 129, 191)  hsl(298, 33%, 63%)  Sky Magenta