ColorTool
Entrar
#CE6552

#ce6552 ≈ Terra Cotta

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

#ce6552 é uma cor da família “vermelho”, com luminosidade média e saturação moderada. No modelo RGB, é formada por 80,78% de vermelho, 39,61% de verde e 32,16% de azul; impressa em CMYK, usa 0% de ciano, 50,97% de magenta, 60,19% de amarelo e 19,22% de preto. Seu ângulo de matiz é 9,19°, com 55,86% de saturação e 56,47% de luminosidade em HSL. É uma cor quente, muitas vezes associada a energia, paixão e urgência. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e detalhes de marca. Texto preto sobre esta cor atinge uma razão de contraste de 5,61:1 (WCAG AA). A cor nomeada mais próxima é Terra Cotta (#e2725b), ΔE 5,23.

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

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

Complementar

  1. #ce6552
  2. #52bbce

Complementar dividida

  1. #ce6552
  2. #52cea3
  3. #527dce

Análoga

  1. #ce527d
  2. #ce6552
  3. #cea352

Triádica

  1. #ce6552
  2. #52ce65
  3. #6552ce

Tetrádica

  1. #ce6552
  2. #bbce52
  3. #52bbce
  4. #6552ce

Quadrada

  1. #ce6552
  2. #7dce52
  3. #52bbce
  4. #a352ce

Monocromática

  1. #69291e
  2. #a5412f
  3. #ce6552
  4. #df9a8e
  5. #f0cfc9

Sombras

#ce6552 misturado progressivamente com preto.

  1. #ce6552
  2. #b95b4a
  3. #a55142
  4. #904739
  5. #7c3d31
  6. #673329
  7. #522821
  8. #3e1e19
  9. #291410
  10. #150a08
  11. #000000

Matizes claros

#ce6552 misturado progressivamente com branco.

  1. #ce6552
  2. #d37463
  3. #d88475
  4. #dd9386
  5. #e2a397
  6. #e7b2a9
  7. #ebc1ba
  8. #f0d1cb
  9. #f5e0dc
  10. #faf0ee
  11. #ffffff

Tons

#ce6552 misturado progressivamente com cinza.

  1. #ce6552
  2. #c66857
  3. #be6a5b
  4. #b76d60
  5. #af7064
  6. #a77369
  7. #9f756e
  8. #977872
  9. #907b77
  10. #887d7b
  11. #808080

Texto legível 3.74:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #848484 ≈ 0.003% dos homens
Acromatomalia #a77973 ≈ 0.001% dos homens
Protanopia #7f7650 ≈ 1.01% dos homens
Deuteranopia #998d50 ≈ 1.27% dos homens
Tritanopia #e15261 ≈ 0.0001% dos homens
Protanomalia #a57051 ≈ 1.08% dos homens
Deuteranomalia #b17f51 ≈ 4.63% dos homens
Tritanomalia #d95a5b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

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

#e2725b Terra Cotta ΔE 5.23 #cd5c5c Indian Red ΔE 6.12 #e34234 Cinnabar ΔE 7.19 #e34234 Vermilion ΔE 7.19 #e97451 Burnt Sienna ΔE 7.62 #ff6347 Tomato ΔE 9.05 #fe6f5e Bittersweet ΔE 9.27 #319aad Invertida #848484 Escala de cinza 

Terra Cotta
#ce6552  rgb(206, 101, 82)  hsl(9, 56%, 56%)  Terra Cotta
#52bbce  rgb(82, 187, 206)  hsl(189, 56%, 56%)  Moonstone Blue
#52ce65  rgb(82, 206, 101)  hsl(129, 56%, 56%)  Emerald
#6552ce  rgb(101, 82, 206)  hsl(249, 56%, 56%)  Iris