Cor nomeada · #C92B1E
Red Mist
Red Mist é #C92B1E: rgb(201 43 30), hsl(5 74% 45%), oklch(0.545 0.196 29.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Red Mist color name →
#C92B1E
oklch(0.545 0.196 29.6)
Conversões de cor
- HEX
- #c92b1e
- RGB
- rgb(201 43 30)
- HSL
- hsl(5 74% 45%)
- HWB
- hwb(5 12% 21%)
- OKLCH
- oklch(0.545 0.196 29.6)
- OKLab
- oklab(0.545 0.17 0.097)
- CIE Lab
- lab(45.37 60.91 48.17)
- LCH
- lch(45.37 77.65 38.3)
- CMYK
- cmyk(0% 79% 85% 21%)
Tons claros · Sombras · Tons
Tons claros
- D24839
- D95F50
- E17565
- E7897B
- ED9D90
- F2B1A6
- F6C5BC
- FAD8D2
- FDEBE8
Sombras
- AE2419
- 951D13
- 7C160E
- 641009
- 4C0A05
- 360503
- 220201
- 0F0100
- 020000
Tons
- C33A2C
- BE4638
- B75043
- B1594C
- AA6155
- A3685E
- 9B6E67
- 93756F
- 8A7A78
Harmonias de cor
Complementar +180°
- C92B1E
Red Mist
- 007F8E
≈ Metallic Seaweed
Análoga -30° +30°
- C92B1E
Red Mist
- C2276C
≈ Chaotic Roses
- A55A00
≈ Raw Umber
Tríade +120° +240°
- C92B1E
Red Mist
- 00873B
≈ Broccoli Paradise
- 4661E0
≈ Arcane Brew
Complementar dividida +150° +210°
- C92B1E
Red Mist
- 008372
≈ Summer Turquoise
- 0078B0
≈ Deep River
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.45:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.84:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--red-mist: #c92b1e;
--red-mist-rgb: 201 43 30;
--red-mist-oklch: oklch(0.545 0.196 29.6);
}
.element {
color: var(--red-mist);
background-color: hsl(5 74% 45%);
border-color: oklch(0.545 0.196 29.6);
}Tailwind CSS v4
@theme {
--color-red-mist: #c92b1e;
--color-red-mist-50: #ffe1d3;
--color-red-mist-100: #ffd0c0;
--color-red-mist-200: #ffb4a0;
--color-red-mist-300: #ff8e77;
--color-red-mist-400: #fd6755;
--color-red-mist-500: #ec3b2b;
--color-red-mist-600: #c73426;
--color-red-mist-700: #a02a1e;
--color-red-mist-800: #781c18;
--color-red-mist-900: #55120f;
--color-red-mist-950: #380303;
}SCSS
$red-mist: #c92b1e;
$red-mist-rgb: 201, 43, 30;
$red-mist-light: mix(#fff, $red-mist, 20%);
$red-mist-dark: mix(#000, $red-mist, 20%);
.element {
color: $red-mist;
box-shadow: 0 0 0 2px rgba($red-mist, 0.35);
}