Nazwany kolor · #E2BB8A
Desert Dust
Desert Dust to #E2BB8A: rgb(226 187 138), hsl(33 60% 71%), oklch(0.815 0.078 72.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Desert Dust color name →
#E2BB8A
oklch(0.815 0.078 72.7)
Konwersje koloru
- HEX
- #e2bb8a
- RGB
- rgb(226 187 138)
- HSL
- hsl(33 60% 71%)
- HWB
- hwb(33 54% 11%)
- OKLCH
- oklch(0.815 0.078 72.7)
- OKLab
- oklab(0.815 0.023 0.075)
- CIE Lab
- lab(78.51 9.62 30.38)
- LCH
- lch(78.51 31.87 72.4)
- CMYK
- cmyk(0% 17% 39% 11%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E5C296
- E8C9A2
- EBCFAD
- EED6B9
- F1DDC5
- F4E4D0
- F7EBDC
- FAF1E8
- FCF8F3
Odcienie ciemniejsze
- C4A277
- A88A65
- 8C7353
- 715C42
- 574632
- 3E3222
- 271F14
- 120D07
- 030201
Tony
- D8B58A
- CEAF89
- C4A988
- BAA387
- B09D86
- A69785
- 9D9284
- 938C83
- 898681
Harmonie kolorów
Komplementarna +180°
- E2BB8A
Desert Dust
- 9FC6F5
≈ Sail to the Sea
Analogowa -30° +30°
- E2BB8A
Desert Dust
- EFB29A
≈ Wax Flower
- CCC58A
≈ Tyrant Skull
Triada +120° +240°
- E2BB8A
Desert Dust
- 84D3D0
≈ Water Wonder
- D4B4E7
≈ Pretty Petunia
Komplementarna rozszczepiona +150° +210°
- E2BB8A
Desert Dust
- 89CEE7
≈ Anakiwa
- BABDF4
≈ Vodka
Tetrada +90° +180° +270°
- E2BB8A
Desert Dust
- 94D3B4
≈ Vista Blue
- 9FC6F5
≈ Sail to the Sea
- E7AFD0
≈ Roses in the Snow
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.79:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.70:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.70:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-dust: #e2bb8a;
--desert-dust-rgb: 226 187 138;
--desert-dust-oklch: oklch(0.815 0.078 72.7);
}
.element {
color: var(--desert-dust);
background-color: hsl(33 60% 71%);
border-color: oklch(0.815 0.078 72.7);
}Tailwind CSS v4
@theme {
--color-desert-dust: #e2bb8a;
--color-desert-dust-50: #fff3dd;
--color-desert-dust-100: #f8e5cc;
--color-desert-dust-200: #e9d0b0;
--color-desert-dust-300: #d0b28b;
--color-desert-dust-400: #bb976a;
--color-desert-dust-500: #a67e49;
--color-desert-dust-600: #8c6b3e;
--color-desert-dust-700: #705531;
--color-desert-dust-800: #543e23;
--color-desert-dust-900: #3a2a17;
--color-desert-dust-950: #241808;
}SCSS
$desert-dust: #e2bb8a;
$desert-dust-rgb: 226, 187, 138;
$desert-dust-light: mix(#fff, $desert-dust, 20%);
$desert-dust-dark: mix(#000, $desert-dust, 20%);
.element {
color: $desert-dust;
box-shadow: 0 0 0 2px rgba($desert-dust, 0.35);
}