ColorTool
Entrar
#CF5641

#cf5641 ≈ Cinnabar

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

#cf5641 é uma cor da família “vermelho”, com luminosidade média e saturação forte. No modelo RGB, é formada por 81,18% de vermelho, 33,73% de verde e 25,49% de azul; impressa em CMYK, usa 0% de ciano, 58,45% de magenta, 68,6% de amarelo e 18,82% de preto. Seu ângulo de matiz é 8,87°, com 59,66% de saturação e 53,33% 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,06:1 (WCAG AA). A cor nomeada mais próxima é Cinnabar (#e34234), ΔE 4,28.

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

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

Complementar

  1. #cf5641
  2. #41bacf

Complementar dividida

  1. #cf5641
  2. #41cf9d
  3. #4173cf

Análoga

  1. #cf4173
  2. #cf5641
  3. #cf9d41

Triádica

  1. #cf5641
  2. #41cf56
  3. #5641cf

Tetrádica

  1. #cf5641
  2. #bacf41
  3. #41bacf
  4. #5641cf

Quadrada

  1. #cf5641
  2. #73cf41
  3. #41bacf
  4. #9d41cf

Monocromática

  1. #5f2218
  2. #9c3927
  3. #cf5641
  4. #de8c7e
  5. #eec3bb

Sombras

#cf5641 misturado progressivamente com preto.

  1. #cf5641
  2. #ba4d3b
  3. #a64534
  4. #913c2e
  5. #7c3427
  6. #682b21
  7. #53221a
  8. #3e1a14
  9. #29110d
  10. #150907
  11. #000000

Matizes claros

#cf5641 misturado progressivamente com branco.

  1. #cf5641
  2. #d46754
  3. #d97867
  4. #dd897a
  5. #e29a8d
  6. #e7aba0
  7. #ecbbb3
  8. #f1ccc6
  9. #f5ddd9
  10. #faeeec
  11. #ffffff

Tons

#cf5641 misturado progressivamente com cinza.

  1. #cf5641
  2. #c75a47
  3. #bf5e4e
  4. #b76354
  5. #af675a
  6. #a86b61
  7. #a06f67
  8. #98736d
  9. #907873
  10. #887c7a
  11. #808080

Texto legível 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Texto legível 5.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Acromatopsia #7c7c7c ≈ 0.003% dos homens
Acromatomalia #a46f6a ≈ 0.001% dos homens
Protanopia #766c3e ≈ 1.01% dos homens
Deuteranopia #94863e ≈ 1.27% dos homens
Tritanopia #e33c52 ≈ 0.0001% dos homens
Protanomalia #a2643f ≈ 1.08% dos homens
Deuteranomalia #af763f ≈ 4.63% dos homens
Tritanomalia #db484b ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-cf5641 {
  color: #cf5641;
}
Fundo
.bg-cf5641 {
  background-color: #cf5641;
  color: #000000;
}
Borda
.border-cf5641 {
  border: 2px solid #cf5641;
}
Variáveis CSS
:root {
  --color-primary: #cf5641;
  --color-primary-rgb: 207 86 65;
  --color-primary-hsl: 9 60% 53%;
}
Degradê
.gradient-cf5641 {
  background: linear-gradient(135deg, #cf5641, #cf9d41);
}
Sombra colorida
.shadow-cf5641 {
  box-shadow: 0 8px 24px rgb(207 86 65 / 0.35);
}

#e34234 Cinnabar ΔE 4.28 #e34234 Vermilion ΔE 4.28 #cd5c5c Indian Red ΔE 7.25 #e62020 Lust ΔE 7.30 #cc3333 Persian Red ΔE 7.51 #e2725b Terra Cotta ΔE 8.12 #e25822 Flame ΔE 8.32 #30a9be Invertida #7c7c7c Escala de cinza 

Cinnabar
#cf5641  rgb(207, 86, 65)  hsl(9, 60%, 53%)  Cinnabar
#41bacf  rgb(65, 186, 207)  hsl(189, 60%, 53%)  Moonstone Blue
#41cf56  rgb(65, 207, 86)  hsl(129, 60%, 53%)  Malachite
#5641cf  rgb(86, 65, 207)  hsl(249, 60%, 53%)  Iris