ColorTool
Entrar
#DCCF4C

#dccf4c ≈ Straw

  • amarelo
  • Luminosidade: média
  • Saturação: forte
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#dccf4c é uma cor da família “amarelo”, com luminosidade média e saturação forte. No modelo RGB, é formada por 86,27% de vermelho, 81,18% de verde e 29,8% de azul; impressa em CMYK, usa 0% de ciano, 5,91% de magenta, 65,45% de amarelo e 13,73% de preto. Seu ângulo de matiz é 54,58°, com 67,29% de saturação e 58,04% 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 13,07:1 (WCAG AAA). A cor nomeada mais próxima é Straw (#e4d96f), ΔE 3,94.

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

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

Complementar

  1. #dccf4c
  2. #4c59dc

Complementar dividida

  1. #dccf4c
  2. #4ca1dc
  3. #874cdc

Análoga

  1. #dc874c
  2. #dccf4c
  3. #a1dc4c

Triádica

  1. #dccf4c
  2. #4cdccf
  3. #cf4cdc

Tetrádica

  1. #dccf4c
  2. #59dc4c
  3. #4c59dc
  4. #cf4cdc

Quadrada

  1. #dccf4c
  2. #4cdc87
  3. #4c59dc
  4. #dc4ca1

Monocromática

  1. #786f17
  2. #b8aa24
  3. #dccf4c
  4. #e9e08c
  5. #f5f1cc

Sombras

#dccf4c misturado progressivamente com preto.

  1. #dccf4c
  2. #c6ba44
  3. #b0a63d
  4. #9a9135
  5. #847c2e
  6. #6e6826
  7. #58531e
  8. #423e17
  9. #2c290f
  10. #161508
  11. #000000

Matizes claros

#dccf4c misturado progressivamente com branco.

  1. #dccf4c
  2. #e0d45e
  3. #e3d970
  4. #e7dd82
  5. #eae294
  6. #eee7a6
  7. #f1ecb7
  8. #f5f1c9
  9. #f8f5db
  10. #fcfaed
  11. #ffffff

Tons

#dccf4c misturado progressivamente com cinza.

  1. #dccf4c
  2. #d3c751
  3. #cabf56
  4. #c0b75c
  5. #b7af61
  6. #aea866
  7. #a5a06b
  8. #9c9870
  9. #929076
  10. #89887b
  11. #808080

Texto legível 1.61:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 13.07:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #cccccc ≈ 0.003% dos homens
Acromatomalia #d3cda8 ≈ 0.001% dos homens
Protanopia #e1c83b ≈ 1.01% dos homens
Deuteranopia #e5cf54 ≈ 1.27% dos homens
Tritanopia #ecc1b4 ≈ 0.0001% dos homens
Protanomalia #dfcb42 ≈ 1.08% dos homens
Deuteranomalia #e1cf51 ≈ 4.63% dos homens
Tritanomalia #e6c796 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-dccf4c {
  color: #dccf4c;
}
Fundo
.bg-dccf4c {
  background-color: #dccf4c;
  color: #000000;
}
Borda
.border-dccf4c {
  border: 2px solid #dccf4c;
}
Variáveis CSS
:root {
  --color-primary: #dccf4c;
  --color-primary-rgb: 220 207 76;
  --color-primary-hsl: 55 67% 58%;
}
Degradê
.gradient-dccf4c {
  background: linear-gradient(135deg, #dccf4c, #a1dc4c);
}
Sombra colorida
.shadow-dccf4c {
  box-shadow: 0 8px 24px rgb(220 207 76 / 0.35);
}

#e4d96f Straw ΔE 3.94 #e4d00a Citrine ΔE 4.52 #f0e130 Dandelion ΔE 5.55 #fada5e Naples Yellow ΔE 6.03 #eedc82 Flax ΔE 6.51 #f0dc82 Buff ΔE 6.70 #ffdb58 Mustard ΔE 6.99 #2330b3 Invertida #cccccc Escala de cinza 

Straw
#dccf4c  rgb(220, 207, 76)  hsl(55, 67%, 58%)  Straw
#4c59dc  rgb(76, 89, 220)  hsl(235, 67%, 58%)  Majorelle Blue
#4cdccf  rgb(76, 220, 207)  hsl(175, 67%, 58%)  Turquoise
#cf4cdc  rgb(207, 76, 220)  hsl(295, 67%, 58%)  Medium Orchid