ColorTool
Entrar
#CEFACE

#ceface ≈ Tea Green

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

#ceface é uma cor da família “verde”, com luminosidade muito alta e saturação suave. No modelo RGB, é formada por 80,78% de vermelho, 98,04% de verde e 80,78% de azul; impressa em CMYK, usa 17,6% de ciano, 0% de magenta, 17,6% de amarelo e 1,96% de preto. Seu ângulo de matiz é 120°, com 81,48% de saturação e 89,41% de luminosidade em HSL. Fica entre quente e fria e é muitas vezes associada a natureza, saúde e equilíbrio. Designers costumam usá-la em marcas sustentáveis, saúde e bem-estar e paletas pastel suaves. Texto preto sobre esta cor atinge uma razão de contraste de 18,19:1 (WCAG AAA). A cor nomeada mais próxima é Tea Green (#d0f0c0), ΔE 3,45.

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

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

Complementar

  1. #ceface
  2. #facefa

Complementar dividida

  1. #ceface
  2. #e4cefa
  3. #facee4

Análoga

  1. #e4face
  2. #ceface
  3. #cefae4

Triádica

  1. #ceface
  2. #cecefa
  3. #facece

Tetrádica

  1. #ceface
  2. #cefafa
  3. #facefa
  4. #facece

Quadrada

  1. #ceface
  2. #cee4fa
  3. #facefa
  4. #fae4ce

Monocromática

  1. #43ec43
  2. #89f389
  3. #ceface
  4. #ecfdec
  5. #ecfdec

Sombras

#ceface misturado progressivamente com preto.

  1. #ceface
  2. #b9e1b9
  3. #a5c8a5
  4. #90af90
  5. #7c967c
  6. #677d67
  7. #526452
  8. #3e4b3e
  9. #293229
  10. #151915
  11. #000000

Matizes claros

#ceface misturado progressivamente com branco.

  1. #ceface
  2. #d3fbd3
  3. #d8fbd8
  4. #ddfcdd
  5. #e2fce2
  6. #e7fde7
  7. #ebfdeb
  8. #f0fef0
  9. #f5fef5
  10. #fafffa
  11. #ffffff

Tons

#ceface misturado progressivamente com cinza.

  1. #ceface
  2. #c6eec6
  3. #bee2be
  4. #b7d5b7
  5. #afc9af
  6. #a7bda7
  7. #9fb19f
  8. #97a597
  9. #909890
  10. #888c88
  11. #808080

Texto legível 1.15:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Texto legível 18.19:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Acromatopsia #efefef ≈ 0.003% dos homens
Acromatomalia #e2f3e2 ≈ 0.001% dos homens
Protanopia #fcf1cc ≈ 1.01% dos homens
Deuteranopia #f4edd0 ≈ 1.27% dos homens
Tritanopia #caf7ee ≈ 0.0001% dos homens
Protanomalia #ebf5cd ≈ 1.08% dos homens
Deuteranomalia #e6f2cf ≈ 4.63% dos homens
Tritanomalia #ccf8e2 ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-ceface {
  color: #ceface;
}
Fundo
.bg-ceface {
  background-color: #ceface;
  color: #000000;
}
Borda
.border-ceface {
  border: 2px solid #ceface;
}
Variáveis CSS
:root {
  --color-primary: #ceface;
  --color-primary-rgb: 206 250 206;
  --color-primary-hsl: 120 81% 89%;
}
Degradê
.gradient-ceface {
  background: linear-gradient(135deg, #ceface, #cefae4);
}
Sombra colorida
.shadow-ceface {
  box-shadow: 0 8px 24px rgb(206 250 206 / 0.35);
}

#d0f0c0 Tea Green ΔE 3.45 #ace1af Celadon ΔE 6.34 #aaf0d1 Magic Mint ΔE 7.15 #9fe2bf Seafoam Green ΔE 8.03 #a8e4a0 Granny Smith Apple ΔE 8.09 #f0fff0 Honeydew ΔE 11.38 #7fffd4 Aquamarine ΔE 11.44 #310531 Invertida #efefef Escala de cinza 

Tea Green
#ceface  rgb(206, 250, 206)  hsl(120, 81%, 89%)  Tea Green
#facefa  rgb(250, 206, 250)  hsl(300, 81%, 89%)  Thistle
#cecefa  rgb(206, 206, 250)  hsl(240, 81%, 89%)  Periwinkle
#facece  rgb(250, 206, 206)  hsl(0, 81%, 89%)  Baby Pink