ColorTool
Entrar
#C70339

#c70339 ≈ Cardinal

  • rosa intenso
  • Luminosidade: baixa
  • Saturação: vívida
  • Quente
Verificar contraste Explorar no grafo Cor aleatória

#c70339 é uma cor da família “rosa intenso”, com luminosidade baixa e saturação vívida. No modelo RGB, é formada por 78,04% de vermelho, 1,18% de verde e 22,35% de azul; impressa em CMYK, usa 0% de ciano, 98,49% de magenta, 71,36% de amarelo e 21,96% de preto. Seu ângulo de matiz é 343,47°, com 97,03% de saturação e 39,61% de luminosidade em HSL. É uma cor quente, muitas vezes associada a romance, leveza e afeto. Designers costumam usá-la em marcas de alimentos e restaurantes, vendas e promoções e botões de chamada para ação. Texto branco sobre esta cor atinge uma razão de contraste de 6:1 (WCAG AA). A cor nomeada mais próxima é Cardinal (#c41e3a), ΔE 1,52.

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

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

Complementar

  1. #c70339
  2. #03c791

Complementar dividida

  1. #c70339
  2. #03c72f
  3. #039bc7

Análoga

  1. #c7039b
  2. #c70339
  3. #c72f03

Triádica

  1. #c70339
  2. #39c703
  3. #0339c7

Tetrádica

  1. #c70339
  2. #c79103
  3. #03c791
  4. #0339c7

Quadrada

  1. #c70339
  2. #9bc703
  3. #03c791
  4. #2f03c7

Monocromática

  1. #30010e
  2. #7c0223
  3. #c70339
  4. #fc1b59
  5. #fd6690

Sombras

#c70339 misturado progressivamente com preto.

  1. #c70339
  2. #b30333
  3. #9f022e
  4. #8b0228
  5. #770222
  6. #64021d
  7. #500117
  8. #3c0111
  9. #28010b
  10. #140006
  11. #000000

Matizes claros

#c70339 misturado progressivamente com branco.

  1. #c70339
  2. #cd1c4d
  3. #d23561
  4. #d84f74
  5. #dd6888
  6. #e3819c
  7. #e99ab0
  8. #eeb3c4
  9. #f4cdd7
  10. #f9e6eb
  11. #ffffff

Tons

#c70339 misturado progressivamente com cinza.

  1. #c70339
  2. #c01040
  3. #b91c47
  4. #b2294e
  5. #ab3555
  6. #a4425d
  7. #9c4e64
  8. #955b6b
  9. #8e6772
  10. #877479
  11. #808080

Texto legível 6:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Texto legível 3.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Acromatopsia #636363 ≈ 0.003% dos homens
Acromatomalia #964e55 ≈ 0.001% dos homens
Protanopia #504b39 ≈ 1.01% dos homens
Deuteranopia #7c7033 ≈ 1.27% dos homens
Tritanopia #db0022 ≈ 0.0001% dos homens
Protanomalia #8f3a39 ≈ 1.08% dos homens
Deuteranomalia #a05835 ≈ 4.63% dos homens
Tritanomalia #d3002d ≈ 0.0002% dos homens
Simular na sua própria imagem

Texto nesta cor

Fundo nesta cor

Borda nesta cor

Cor do texto
.text-c70339 {
  color: #c70339;
}
Fundo
.bg-c70339 {
  background-color: #c70339;
  color: #ffffff;
}
Borda
.border-c70339 {
  border: 2px solid #c70339;
}
Variáveis CSS
:root {
  --color-primary: #c70339;
  --color-primary-rgb: 199 3 57;
  --color-primary-hsl: 343 97% 40%;
}
Degradê
.gradient-c70339 {
  background: linear-gradient(135deg, #c70339, #c72f03);
}
Sombra colorida
.shadow-c70339 {
  box-shadow: 0 8px 24px rgb(199 3 57 / 0.35);
}

#c41e3a Cardinal ΔE 1.52 #dc143c Crimson ΔE 5.15 #ce2029 Fire Engine Red ΔE 7.04 #cb4154 Brick Red ΔE 7.24 #cc3333 Persian Red ΔE 7.30 #9f1d35 Vivid Burgundy ΔE 7.45 #a52a2a Brown ΔE 7.68 #38fcc6 Invertida #636363 Escala de cinza 

Cardinal
#c70339  rgb(199, 3, 57)  hsl(343, 97%, 40%)  Cardinal
#03c791  rgb(3, 199, 145)  hsl(163, 97%, 40%)  Caribbean Green
#39c703  rgb(57, 199, 3)  hsl(103, 97%, 40%)  Lime Green
#0339c7  rgb(3, 57, 199)  hsl(223, 97%, 40%)  Persian Blue