Cor nomeada · #EE4444
Glowing Brake Disc
Glowing Brake Disc é #EE4444: rgb(238 68 68), hsl(0 83% 60%), oklch(0.635 0.207 25.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Glowing Brake Disc color name →
#EE4444
oklch(0.635 0.207 25.3)
Conversões de cor
- HEX
- #ee4444
- RGB
- rgb(238 68 68)
- HSL
- hsl(0 83% 60%)
- HWB
- hwb(0 27% 7%)
- OKLCH
- oklch(0.635 0.207 25.3)
- OKLab
- oklab(0.635 0.187 0.088)
- CIE Lab
- lab(55.6 65.31 40.53)
- LCH
- lch(55.6 76.87 31.8)
- CMYK
- cmyk(0% 71% 71% 7%)
Tons claros · Sombras · Tons
Tons claros
- F35C57
- F7716A
- FA857C
- FD978F
- FFA9A1
- FFBBB4
- FFCCC6
- FFDDD9
- FFEEEC
Sombras
- CF3A3A
- B13030
- 932626
- 771D1D
- 5C1414
- 420C0C
- 2A0505
- 140202
- 030000
Tons
- E44F4C
- DB5852
- D05F59
- C6665F
- BC6B65
- B1716B
- A67570
- 9A7976
- 8D7D7B
Harmonias de cor
Complementar +180°
- EE4444
Glowing Brake Disc
- 009DAA
≈ Turkish Boy
Análoga -30° +30°
- EE4444
Glowing Brake Disc
- E34390
≈ Prunus Avium
- D06C00
≈ Autumn Maple
Tríade +120° +240°
- EE4444
Glowing Brake Disc
- 00A830
≈ Carpet Moss
- 5081FF
≈ Flickery C64
Complementar dividida +150° +210°
- EE4444
Glowing Brake Disc
- 00A287
≈ Congo Green
- 0096D0
≈ Bayern Blue
Tétrade +90° +180° +270°
- EE4444
Glowing Brake Disc
- 889400
≈ Snakes in the Grass
- 009DAA
≈ Turkish Boy
- 9867F8
≈ Forgotten Kyawthuite
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.78:1 · APCA Lc 64
Ag
AASobre preto
WCAG 5.54:1 · APCA Lc 38
Melhor cor de texto: #000000
WCAG 5.54:1 (AA) · APCA Lc 38
Contrast pairs
Trechos de código
CSS
:root {
--glowing-brake-disc: #ee4444;
--glowing-brake-disc-rgb: 238 68 68;
--glowing-brake-disc-oklch: oklch(0.635 0.207 25.3);
}
.element {
color: var(--glowing-brake-disc);
background-color: hsl(0 83% 60%);
border-color: oklch(0.635 0.207 25.3);
}Tailwind CSS v4
@theme {
--color-glowing-brake-disc: #ee4444;
--color-glowing-brake-disc-50: #ffdfd5;
--color-glowing-brake-disc-100: #ffcec2;
--color-glowing-brake-disc-200: #ffb1a3;
--color-glowing-brake-disc-300: #ff897c;
--color-glowing-brake-disc-400: #ff615c;
--color-glowing-brake-disc-500: #f12d36;
--color-glowing-brake-disc-600: #cb2a2f;
--color-glowing-brake-disc-700: #a42225;
--color-glowing-brake-disc-800: #7a161d;
--color-glowing-brake-disc-900: #570e13;
--color-glowing-brake-disc-950: #3a0005;
}SCSS
$glowing-brake-disc: #ee4444;
$glowing-brake-disc-rgb: 238, 68, 68;
$glowing-brake-disc-light: mix(#fff, $glowing-brake-disc, 20%);
$glowing-brake-disc-dark: mix(#000, $glowing-brake-disc, 20%);
.element {
color: $glowing-brake-disc;
box-shadow: 0 0 0 2px rgba($glowing-brake-disc, 0.35);
}