Colore con nome · #EE0033
Brake Light Trails
Brake Light Trails è #EE0033: rgb(238 0 51), hsl(347 100% 47%), oklch(0.599 0.242 22.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Brake Light Trails color name →
#EE0033
oklch(0.599 0.242 22.7)
Conversioni di colore
- HEX
- #ee0033
- RGB
- rgb(238 0 51)
- HSL
- hsl(347 100% 47%)
- HWB
- hwb(347 0% 7%)
- OKLCH
- oklch(0.599 0.242 22.7)
- OKLab
- oklab(0.599 0.223 0.093)
- CIE Lab
- lab(50.95 77.22 45.32)
- LCH
- lch(50.95 89.54 30.4)
- CMYK
- cmyk(0% 100% 79% 7%)
Tinte · Ombre · Toni
Tinte
- F43D49
- F85A5E
- FC7372
- FF8985
- FF9E99
- FFB2AD
- FFC5C1
- FFD9D6
- FFECEA
Ombre
- CF002B
- B10023
- 93001C
- 770014
- 5C000D
- 420007
- 2A0003
- 140001
- 030000
Toni
- E52C3D
- DB3E46
- D24C4E
- C85756
- BD605E
- B36865
- A76F6C
- 9B7573
- 8E7B79
Armonie di colore
Complementare +180°
- EE0033
Brake Light Trails
- 00919B
≈ Peacock Feather
Analogo -30° +30°
- EE0033
Brake Light Trails
- E0118D
≈ Benevolent Pink
- C46000
≈ Alloy Orange
Triadico +120° +240°
- EE0033
Brake Light Trails
- 009C07
≈ Space Invader
- 3374FF
≈ Hailey Blue
Complementare divisa +150° +210°
- EE0033
Brake Light Trails
- 009679
≈ Pool Table
- 008BBD
≈ Hawaiian Surf
Tetradico +90° +180° +270°
- EE0033
Brake Light Trails
- 818700
≈ Krypton Green
- 00919B
≈ Peacock Feather
- 8B52FF
≈ Purple Honeycreeper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.48:1 · APCA Lc 68
Ag
AASu nero
WCAG 4.68:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.68:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--brake-light-trails: #ee0033;
--brake-light-trails-rgb: 238 0 51;
--brake-light-trails-oklch: oklch(0.599 0.242 22.7);
}
.element {
color: var(--brake-light-trails);
background-color: hsl(347 100% 47%);
border-color: oklch(0.599 0.242 22.7);
}Tailwind CSS v4
@theme {
--color-brake-light-trails: #ee0033;
--color-brake-light-trails-50: #ffdbd3;
--color-brake-light-trails-100: #ffc8bf;
--color-brake-light-trails-200: #ffa8a0;
--color-brake-light-trails-300: #ff7d77;
--color-brake-light-trails-400: #ff4c57;
--color-brake-light-trails-500: #ff002e;
--color-brake-light-trails-600: #d70029;
--color-brake-light-trails-700: #ad0020;
--color-brake-light-trails-800: #82001a;
--color-brake-light-trails-900: #5c0011;
--color-brake-light-trails-950: #3e0004;
}SCSS
$brake-light-trails: #ee0033;
$brake-light-trails-rgb: 238, 0, 51;
$brake-light-trails-light: mix(#fff, $brake-light-trails, 20%);
$brake-light-trails-dark: mix(#000, $brake-light-trails, 20%);
.element {
color: $brake-light-trails;
box-shadow: 0 0 0 2px rgba($brake-light-trails, 0.35);
}