Nazwany kolor · #EE4444
Glowing Brake Disc
Glowing Brake Disc to #EE4444: rgb(238 68 68), hsl(0 83% 60%), oklch(0.635 0.207 25.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Glowing Brake Disc color name →
#EE4444
oklch(0.635 0.207 25.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F35C57
- F7716A
- FA857C
- FD978F
- FFA9A1
- FFBBB4
- FFCCC6
- FFDDD9
- FFEEEC
Odcienie ciemniejsze
- CF3A3A
- B13030
- 932626
- 771D1D
- 5C1414
- 420C0C
- 2A0505
- 140202
- 030000
Tony
- E44F4C
- DB5852
- D05F59
- C6665F
- BC6B65
- B1716B
- A67570
- 9A7976
- 8D7D7B
Harmonie kolorów
Komplementarna +180°
- EE4444
Glowing Brake Disc
- 009DAA
≈ Turkish Boy
Analogowa -30° +30°
- EE4444
Glowing Brake Disc
- E34390
≈ Prunus Avium
- D06C00
≈ Autumn Maple
Triada +120° +240°
- EE4444
Glowing Brake Disc
- 00A830
≈ Carpet Moss
- 5081FF
≈ Flickery C64
Komplementarna rozszczepiona +150° +210°
- EE4444
Glowing Brake Disc
- 00A287
≈ Congo Green
- 0096D0
≈ Bayern Blue
Tetrada +90° +180° +270°
- EE4444
Glowing Brake Disc
- 889400
≈ Snakes in the Grass
- 009DAA
≈ Turkish Boy
- 9867F8
≈ Forgotten Kyawthuite
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.78:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.54:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.54:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
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);
}