Nazwany kolor · #E19B42
Life Is Good
Life Is Good to #E19B42: rgb(225 155 66), hsl(34 73% 57%), oklch(0.743 0.133 69.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Life Is Good color name →
#E19B42
oklch(0.743 0.133 69.4)
Konwersje koloru
- HEX
- #e19b42
- RGB
- rgb(225 155 66)
- HSL
- hsl(34 73% 57%)
- HWB
- hwb(34 26% 12%)
- OKLCH
- oklch(0.743 0.133 69.4)
- OKLab
- oklab(0.743 0.047 0.124)
- CIE Lab
- lab(69.88 21.17 55.73)
- LCH
- lch(69.88 59.62 69.2)
- CMYK
- cmyk(0% 31% 71% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5A559
- E8AF6E
- EBBA81
- EFC494
- F2CEA6
- F5D8B8
- F7E1CA
- FAEBDB
- FDF5ED
Odcienie ciemniejsze
- C48638
- A7722F
- 8B5E25
- 704B1C
- 563914
- 3E280B
- 271805
- 120901
- 020100
Tony
- D7994C
- CE9655
- C4945C
- BA9163
- B18F69
- A78C6E
- 9D8973
- 948678
- 8A837C
Harmonie kolorów
Komplementarna +180°
- E19B42
Life Is Good
- 64B1FC
≈ Tiān Lán Sky
Analogowa -30° +30°
- E19B42
Life Is Good
- F28C6A
≈ Morning Marmalade
- C0AD3A
≈ Oil Yellow
Triada +120° +240°
- E19B42
Life Is Good
- 00C5BD
≈ Swimmers Pool
- C593EB
≈ Bright Lavender
Komplementarna rozszczepiona +150° +210°
- E19B42
Life Is Good
- 11BEE4
≈ Blue Raspberry
- 9BA2FE
≈ Widowmaker
Tetrada +90° +180° +270°
- E19B42
Life Is Good
- 53C58D
≈ Enamelled Dragon
- 64B1FC
≈ Tiān Lán Sky
- E289C7
≈ Blushed Bombshell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.34:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 8.96:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--life-is-good: #e19b42;
--life-is-good-rgb: 225 155 66;
--life-is-good-oklch: oklch(0.743 0.133 69.4);
}
.element {
color: var(--life-is-good);
background-color: hsl(34 73% 57%);
border-color: oklch(0.743 0.133 69.4);
}Tailwind CSS v4
@theme {
--color-life-is-good: #e19b42;
--color-life-is-good-50: #fff0cc;
--color-life-is-good-100: #ffe1b8;
--color-life-is-good-200: #f8cb95;
--color-life-is-good-300: #e2ac68;
--color-life-is-good-400: #d08f3b;
--color-life-is-good-500: #bd7300;
--color-life-is-good-600: #a06100;
--color-life-is-good-700: #804e00;
--color-life-is-good-800: #603800;
--color-life-is-good-900: #432600;
--color-life-is-good-950: #2b1400;
}SCSS
$life-is-good: #e19b42;
$life-is-good-rgb: 225, 155, 66;
$life-is-good-light: mix(#fff, $life-is-good, 20%);
$life-is-good-dark: mix(#000, $life-is-good, 20%);
.element {
color: $life-is-good;
box-shadow: 0 0 0 2px rgba($life-is-good, 0.35);
}