Nazwany kolor · #E9E4CF
Desert Smog
Desert Smog to #E9E4CF: rgb(233 228 207), hsl(48 37% 86%), oklch(0.917 0.028 95.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Desert Smog color name →
#E9E4CF
oklch(0.917 0.028 95.9)
Konwersje koloru
- HEX
- #e9e4cf
- RGB
- rgb(233 228 207)
- HSL
- hsl(48 37% 86%)
- HWB
- hwb(48 81% 9%)
- OKLCH
- oklch(0.917 0.028 95.9)
- OKLab
- oklab(0.917 -0.003 0.028)
- CIE Lab
- lab(90.56 -0.86 10.93)
- LCH
- lch(90.56 10.96 94.5)
- CMYK
- cmyk(0% 2% 11% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE7D4
- EDE9D9
- F0ECDD
- F2EFE2
- F4F1E7
- F6F4EC
- F8F7F1
- FBFAF5
- FDFCFA
Odcienie ciemniejsze
- CBC6B4
- ADA999
- 908D7F
- 747267
- 5A584F
- 413F38
- 292823
- 131210
- 030302
Tony
- DEDAC7
- D3CFBF
- C8C5B7
- BEBBAF
- B3B1A7
- A9A79F
- 9E9D97
- 94938F
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- E9E4CF
Desert Smog
- DEE3F7
≈ Iris Ice
Analogowa -30° +30°
- E9E4CF
Desert Smog
- F1E0D0
≈ Naturale
- DFE7D3
≈ Hollywood Asparagus
Triada +120° +240°
- E9E4CF
Desert Smog
- CFE9F0
≈ On Thin Ice
- F1DDEB
≈ Maiden of the Mist
Komplementarna rozszczepiona +150° +210°
- E9E4CF
Desert Smog
- D5E6F6
≈ Snowdrift Glow
- E8DFF3
≈ Lingering Lilac
Tetrada +90° +180° +270°
- E9E4CF
Desert Smog
- D0EAE6
≈ Foam
- DEE3F7
≈ Iris Ice
- F6DCE1
≈ Carousel Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.27:1 · APCA Lc 14
Ag
AAANa czerni
WCAG 16.46:1 · APCA Lc 90
Najlepszy kolor tekstu: #000000
WCAG 16.46:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--desert-smog: #e9e4cf;
--desert-smog-rgb: 233 228 207;
--desert-smog-oklch: oklch(0.917 0.028 95.9);
}
.element {
color: var(--desert-smog);
background-color: hsl(48 37% 86%);
border-color: oklch(0.917 0.028 95.9);
}Tailwind CSS v4
@theme {
--color-desert-smog: #e9e4cf;
--color-desert-smog-50: #f7f5ec;
--color-desert-smog-100: #eae8de;
--color-desert-smog-200: #d7d5c7;
--color-desert-smog-300: #bbb8a8;
--color-desert-smog-400: #a39f8c;
--color-desert-smog-500: #8c8671;
--color-desert-smog-600: #767260;
--color-desert-smog-700: #5e5b4d;
--color-desert-smog-800: #454237;
--color-desert-smog-900: #302e26;
--color-desert-smog-950: #1c1b14;
}SCSS
$desert-smog: #e9e4cf;
$desert-smog-rgb: 233, 228, 207;
$desert-smog-light: mix(#fff, $desert-smog, 20%);
$desert-smog-dark: mix(#000, $desert-smog, 20%);
.element {
color: $desert-smog;
box-shadow: 0 0 0 2px rgba($desert-smog, 0.35);
}