ColorTool
Entrar
#CFCA6E

#cfca6e ≈ Straw

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

#cfca6e é uma cor da família “amarelo”, com luminosidade alta e saturação moderada. No modelo RGB, é formada por 81,18% de vermelho, 79,22% de verde e 43,14% de azul; impressa em CMYK, usa 0% de ciano, 2,42% de magenta, 46,86% de amarelo e 18,82% de preto. Seu ângulo de matiz é 56,91°, com 50,26% de saturação e 62,16% 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 12,33:1 (WCAG AAA). A cor nomeada mais próxima é Straw (#e4d96f), ΔE 4,53.

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

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

Complementar

  1. #cfca6e
  2. #6e73cf

Complementar dividida

  1. #cfca6e
  2. #6ea4cf
  3. #9a6ecf

Análoga

  1. #cf9a6e
  2. #cfca6e
  3. #a4cf6e

Triádica

  1. #cfca6e
  2. #6ecfca
  3. #ca6ecf

Tetrádica

  1. #cfca6e
  2. #73cf6e
  3. #6e73cf
  4. #ca6ecf

Quadrada

  1. #cfca6e
  2. #6ecf9a
  3. #6e73cf
  4. #cf6ea4

Monocromática

  1. #7b7729
  2. #b5ae3c
  3. #cfca6e
  4. #e2dfa7
  5. #f5f4e1

Sombras

#cfca6e misturado progressivamente com preto.

  1. #cfca6e
  2. #bab663
  3. #a6a258
  4. #918d4d
  5. #7c7942
  6. #686537
  7. #53512c
  8. #3e3d21
  9. #292816
  10. #15140b
  11. #000000

Matizes claros

#cfca6e misturado progressivamente com branco.

  1. #cfca6e
  2. #d4cf7d
  3. #d9d58b
  4. #ddda9a
  5. #e2dfa8
  6. #e7e5b7
  7. #eceac5
  8. #f1efd4
  9. #f5f4e2
  10. #fafaf1
  11. #ffffff

Tons

#cfca6e misturado progressivamente com cinza.

  1. #cfca6e
  2. #c7c370
  3. #bfbb72
  4. #b7b473
  5. #afac75
  6. #a8a577
  7. #a09e79
  8. #98967b
  9. #908f7c
  10. #88877e
  11. #808080

Texto legível 1.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 12.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #c6c6c6 ≈ 0.003% dos homens
Acromatomalia #cac8aa ≈ 0.001% dos homens
Protanopia #d8c466 ≈ 1.01% dos homens
Deuteranopia #dac872 ≈ 1.27% dos homens
Tritanopia #dbbfb4 ≈ 0.0001% dos homens
Protanomalia #d4c669 ≈ 1.08% dos homens
Deuteranomalia #d6c971 ≈ 4.63% dos homens
Tritanomalia #d6c49d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cfca6e {
  color: #cfca6e;
}
Fundo
.bg-cfca6e {
  background-color: #cfca6e;
  color: #000000;
}
Borda
.border-cfca6e {
  border: 2px solid #cfca6e;
}
Variáveis CSS
:root {
  --color-primary: #cfca6e;
  --color-primary-rgb: 207 202 110;
  --color-primary-hsl: 57 50% 62%;
}
Degradê
.gradient-cfca6e {
  background: linear-gradient(135deg, #cfca6e, #a4cf6e);
}
Sombra colorida
.shadow-cfca6e {
  box-shadow: 0 8px 24px rgb(207 202 110 / 0.35);
}

#e4d96f Straw ΔE 4.53 #bdb76b Dark Khaki ΔE 5.33 #eedc82 Flax ΔE 6.05 #f0dc82 Buff ΔE 6.46 #c5b358 Vegas Gold ΔE 6.55 #f0e68c Khaki ΔE 6.90 #f8de7e Jasmine ΔE 8.04 #303591 Invertida #c6c6c6 Escala de cinza 

Straw
#cfca6e  rgb(207, 202, 110)  hsl(57, 50%, 62%)  Straw
#6e73cf  rgb(110, 115, 207)  hsl(237, 50%, 62%)  Medium Slate Blue
#6ecfca  rgb(110, 207, 202)  hsl(177, 50%, 62%)  Medium Turquoise
#ca6ecf  rgb(202, 110, 207)  hsl(297, 50%, 62%)  Orchid