Nazwany kolor · #EB3318
Thermic Orange
Thermic Orange to #EB3318: rgb(235 51 24), hsl(8 84% 51%), oklch(0.612 0.222 31.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Thermic Orange color name →
#EB3318
oklch(0.612 0.222 31.4)
Konwersje koloru
- HEX
- #eb3318
- RGB
- rgb(235 51 24)
- HSL
- hsl(8 84% 51%)
- HWB
- hwb(8 9% 8%)
- OKLCH
- oklch(0.612 0.222 31.4)
- OKLab
- oklab(0.612 0.19 0.116)
- CIE Lab
- lab(52.85 68.61 59.6)
- LCH
- lch(52.85 90.88 41)
- CMYK
- cmyk(0% 78% 90% 8%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F05139
- F56851
- F97E68
- FC917E
- FFA493
- FFB7A9
- FFC9BE
- FFDBD3
- FFEDE9
Odcienie ciemniejsze
- CC2B13
- AE230F
- 911C0A
- 751407
- 5B0D04
- 410702
- 290301
- 130100
- 030000
Tony
- E2422B
- D94E39
- CF5844
- C5604E
- BB6758
- B06D60
- A57369
- 9A7871
- 8D7C78
Harmonie kolorów
Komplementarna +180°
- EB3318
Thermic Orange
- 0094A8
≈ Brilliant
Analogowa -30° +30°
- EB3318
Thermic Orange
- E42C7B
≈ Watermelon Sugar
- BF6C00
≈ Thai Curry
Triada +120° +240°
- EB3318
Thermic Orange
- 009E4D
≈ Get up and Go
- 5A72FF
≈ Blue Genie
Komplementarna rozszczepiona +150° +210°
- EB3318
Thermic Orange
- 009988
≈ Plumage
- 008CD1
≈ Zürich Blue
Tetrada +90° +180° +270°
- EB3318
Thermic Orange
- 779000
≈ Canopy
- 0094A8
≈ Brilliant
- 9D56F0
≈ Aconite Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.18:1 · APCA Lc 67
Ag
AANa czerni
WCAG 5.01:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.01:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--thermic-orange: #eb3318;
--thermic-orange-rgb: 235 51 24;
--thermic-orange-oklch: oklch(0.612 0.222 31.4);
}
.element {
color: var(--thermic-orange);
background-color: hsl(8 84% 51%);
border-color: oklch(0.612 0.222 31.4);
}Tailwind CSS v4
@theme {
--color-thermic-orange: #eb3318;
--color-thermic-orange-50: #ffdfcc;
--color-thermic-orange-100: #ffcdb8;
--color-thermic-orange-200: #ffaf95;
--color-thermic-orange-300: #ff8768;
--color-thermic-orange-400: #ff5c42;
--color-thermic-orange-500: #f71f00;
--color-thermic-orange-600: #d02002;
--color-thermic-orange-700: #a81a05;
--color-thermic-orange-800: #7e0f09;
--color-thermic-orange-900: #590a06;
--color-thermic-orange-950: #3c0000;
}SCSS
$thermic-orange: #eb3318;
$thermic-orange-rgb: 235, 51, 24;
$thermic-orange-light: mix(#fff, $thermic-orange, 20%);
$thermic-orange-dark: mix(#000, $thermic-orange, 20%);
.element {
color: $thermic-orange;
box-shadow: 0 0 0 2px rgba($thermic-orange, 0.35);
}