ColorTool
Entrar
#F8CCBE

#f8ccbe ≈ Zinnwaldite

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

#f8ccbe é uma cor da família “laranja”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 97,25% de vermelho, 80% de verde e 74,51% de azul; impressa em CMYK, usa 0% de ciano, 17,74% de magenta, 23,39% de amarelo e 2,75% de preto. Seu ângulo de matiz é 14,48°, com 80,56% de saturação e 85,88% 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 14,37:1 (WCAG AAA). A cor nomeada mais próxima é Zinnwaldite (#ebc2af), ΔE 3,65.

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.6686

Complementar

  1. #f8ccbe
  2. #beeaf8

Complementar dividida

  1. #f8ccbe
  2. #bef8e9
  3. #becdf8

Análoga

  1. #f8becd
  2. #f8ccbe
  3. #f8e9be

Triádica

  1. #f8ccbe
  2. #bef8cc
  3. #ccbef8

Tetrádica

  1. #f8ccbe
  2. #eaf8be
  3. #beeaf8
  4. #ccbef8

Quadrada

  1. #f8ccbe
  2. #cdf8be
  3. #beeaf8
  4. #e9bef8

Monocromática

  1. #e96034
  2. #f19679
  3. #f8ccbe
  4. #fdf1ed
  5. #fdf1ed

Sombras

#f8ccbe misturado progressivamente com preto.

  1. #f8ccbe
  2. #dfb8ab
  3. #c6a398
  4. #ae8f85
  5. #957a72
  6. #7c665f
  7. #63524c
  8. #4a3d39
  9. #322926
  10. #191413
  11. #000000

Matizes claros

#f8ccbe misturado progressivamente com branco.

  1. #f8ccbe
  2. #f9d1c5
  3. #f9d6cb
  4. #fadbd2
  5. #fbe0d8
  6. #fce6df
  7. #fcebe5
  8. #fdf0ec
  9. #fef5f2
  10. #fefaf9
  11. #ffffff

Tons

#f8ccbe misturado progressivamente com cinza.

  1. #f8ccbe
  2. #ecc4b8
  3. #e0bdb2
  4. #d4b5ab
  5. #c8aea5
  6. #bca69f
  7. #b09e99
  8. #a49793
  9. #988f8c
  10. #8c8886
  11. #808080

Texto legível 1.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 14.37:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #d5d5d5 ≈ 0.003% dos homens
Acromatomalia #e4d2cc ≈ 0.001% dos homens
Protanopia #d6d0bd ≈ 1.01% dos homens
Deuteranopia #e0d9be ≈ 1.27% dos homens
Tritanopia #ffc6c8 ≈ 0.0001% dos homens
Protanomalia #e4cfbd ≈ 1.08% dos homens
Deuteranomalia #ead4be ≈ 4.63% dos homens
Tritanomalia #ffc8c4 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-f8ccbe {
  color: #f8ccbe;
}
Fundo
.bg-f8ccbe {
  background-color: #f8ccbe;
  color: #000000;
}
Borda
.border-f8ccbe {
  border: 2px solid #f8ccbe;
}
Variáveis CSS
:root {
  --color-primary: #f8ccbe;
  --color-primary-rgb: 248 204 190;
  --color-primary-hsl: 14 81% 86%;
}
Degradê
.gradient-f8ccbe {
  background: linear-gradient(135deg, #f8ccbe, #f8e9be);
}
Sombra colorida
.shadow-f8ccbe {
  box-shadow: 0 8px 24px rgb(248 204 190 / 0.35);
}

#ebc2af Zinnwaldite ΔE 3.65 #ffddca Unbleached Silk ΔE 5.50 #fbceb1 Apricot ΔE 5.85 #fdbcb4 Melon ΔE 6.44 #f4c2c2 Baby Pink ΔE 6.46 #edc9af Desert Sand ΔE 6.52 #ffe4e1 Misty Rose ΔE 7.68 #073341 Invertida #d5d5d5 Escala de cinza 

Zinnwaldite
#f8ccbe  rgb(248, 204, 190)  hsl(14, 81%, 86%)  Zinnwaldite
#beeaf8  rgb(190, 234, 248)  hsl(194, 81%, 86%)  Light Blue
#bef8cc  rgb(190, 248, 204)  hsl(134, 81%, 86%)  Magic Mint
#ccbef8  rgb(204, 190, 248)  hsl(254, 81%, 86%)  Periwinkle