ColorTool
Entrar
#FFD4C9

#ffd4c9 ≈ Unbleached Silk

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

#ffd4c9 é uma cor da família “laranja”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 100% de vermelho, 83,14% de verde e 78,82% de azul; impressa em CMYK, usa 0% de ciano, 16,86% de magenta, 21,18% de amarelo e 0% de preto. Seu ângulo de matiz é 12,22°, com 100% de saturação e 89,41% de luminosidade em HSL. É uma cor quente, muitas vezes associada a entusiasmo, calor e criatividade. Designers costumam usá-la em botões de chamada para ação, marcas de alimentos e restaurantes e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 15,51:1 (WCAG AAA). A cor nomeada mais próxima é Unbleached Silk (#ffddca), ΔE 5,36.

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

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

Complementar

  1. #ffd4c9
  2. #c9f4ff

Complementar dividida

  1. #ffd4c9
  2. #c9ffef
  3. #c9d9ff

Análoga

  1. #ffc9d9
  2. #ffd4c9
  3. #ffefc9

Triádica

  1. #ffd4c9
  2. #c9ffd4
  3. #d4c9ff

Tetrádica

  1. #ffd4c9
  2. #f4ffc9
  3. #c9f4ff
  4. #d4c9ff

Quadrada

  1. #ffd4c9
  2. #d9ffc9
  3. #c9f4ff
  4. #efc9ff

Monocromática

  1. #ff5a30
  2. #ff977c
  3. #ffd4c9
  4. #ffefeb
  5. #ffefeb

Sombras

#ffd4c9 misturado progressivamente com preto.

  1. #ffd4c9
  2. #e6bfb5
  3. #ccaaa1
  4. #b3948d
  5. #997f79
  6. #806a65
  7. #665550
  8. #4d403c
  9. #332a28
  10. #1a1514
  11. #000000

Matizes claros

#ffd4c9 misturado progressivamente com branco.

  1. #ffd4c9
  2. #ffd8ce
  3. #ffddd4
  4. #ffe1d9
  5. #ffe5df
  6. #ffeae4
  7. #ffeee9
  8. #fff2ef
  9. #fff6f4
  10. #fffbfa
  11. #ffffff

Tons

#ffd4c9 misturado progressivamente com cinza.

  1. #ffd4c9
  2. #f2ccc2
  3. #e6c3ba
  4. #d9bbb3
  5. #ccb2ac
  6. #c0aaa5
  7. #b3a29d
  8. #a69996
  9. #99918f
  10. #8d8887
  11. #808080

Texto legível 1.35:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 15.51:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #dddddd ≈ 0.003% dos homens
Acromatomalia #ecdad6 ≈ 0.001% dos homens
Protanopia #ddd8c8 ≈ 1.01% dos homens
Deuteranopia #e7e1c9 ≈ 1.27% dos homens
Tritanopia #ffcfd1 ≈ 0.0001% dos homens
Protanomalia #ecd7c9 ≈ 1.08% dos homens
Deuteranomalia #f1dcc9 ≈ 4.63% dos homens
Tritanomalia #ffd1ce ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ffd4c9 {
  color: #ffd4c9;
}
Fundo
.bg-ffd4c9 {
  background-color: #ffd4c9;
  color: #000000;
}
Borda
.border-ffd4c9 {
  border: 2px solid #ffd4c9;
}
Variáveis CSS
:root {
  --color-primary: #ffd4c9;
  --color-primary-rgb: 255 212 201;
  --color-primary-hsl: 12 100% 89%;
}
Degradê
.gradient-ffd4c9 {
  background: linear-gradient(135deg, #ffd4c9, #ffefc9);
}
Sombra colorida
.shadow-ffd4c9 {
  box-shadow: 0 8px 24px rgb(255 212 201 / 0.35);
}

#ffddca Unbleached Silk ΔE 5.36 #ebc2af Zinnwaldite ΔE 5.74 #ffe4e1 Misty Rose ΔE 5.99 #f4c2c2 Baby Pink ΔE 6.27 #fadadd Pale Pink ΔE 6.27 #fdbcb4 Melon ΔE 7.05 #fbceb1 Apricot ΔE 7.20 #002b36 Invertida #dddddd Escala de cinza 

Unbleached Silk
#ffd4c9  rgb(255, 212, 201)  hsl(12, 100%, 89%)  Unbleached Silk
#c9f4ff  rgb(201, 244, 255)  hsl(192, 100%, 89%)  Light Cyan
#c9ffd4  rgb(201, 255, 212)  hsl(132, 100%, 89%)  Tea Green
#d4c9ff  rgb(212, 201, 255)  hsl(252, 100%, 89%)  Periwinkle