Adlandırılmış renk · #E9DBD2
Desert Mountain
Desert Mountain, #E9DBD2: rgb(233 219 210), hsl(23 34% 87%), oklch(0.9 0.02 55.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Desert Mountain color name →
#E9DBD2
oklch(0.9 0.02 55.1)
Renk dönüşümleri
- HEX
- #e9dbd2
- RGB
- rgb(233 219 210)
- HSL
- hsl(23 34% 87%)
- HWB
- hwb(23 82% 9%)
- OKLCH
- oklch(0.9 0.02 55.1)
- OKLab
- oklab(0.9 0.011 0.016)
- CIE Lab
- lab(88.36 3.85 6.25)
- LCH
- lch(88.36 7.34 58.4)
- CMYK
- cmyk(0% 6% 10% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- EBDFD6
- EDE2DB
- F0E6DF
- F2E9E4
- F4EDE8
- F6F1ED
- F8F4F1
- FBF8F6
- FDFBFA
Koyu tonlar
- CBBEB6
- ADA29B
- 908781
- 746D68
- 5A5450
- 413C39
- 292624
- 131110
- 030202
Gri tonlar
- DED2C9
- D3C8C1
- C8BFB9
- BEB6B0
- B3ACA8
- A9A3A0
- 9E9A98
- 949190
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- E9DBD2
Desert Mountain
- D2E1EA
≈ Lupin Grey
Analog -30° +30°
- E9DBD2
Desert Mountain
- EBD9D7
≈ Vienna Lace
- E4DDD0
≈ Pacer White
Üçlü +120° +240°
- E9DBD2
Desert Mountain
- D1E3DD
≈ Dew Not Disturb
- DFDCEA
≈ Artemis Silver
Bölünmüş tamamlayıcı +150° +210°
- E9DBD2
Desert Mountain
- D0E2E4
≈ Valley of Tears
- D8DEEC
≈ Icelandic Winds
Dörtlü +90° +180° +270°
- E9DBD2
Desert Mountain
- D6E2D6
≈ Green Mirror
- D2E1EA
≈ Lupin Grey
- E5DAE5
≈ Spangle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.35:1 · APCA Lc 17
Ag
AAASiyah üzerinde
WCAG 15.52:1 · APCA Lc 86
En iyi metin rengi: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--desert-mountain: #e9dbd2;
--desert-mountain-rgb: 233 219 210;
--desert-mountain-oklch: oklch(0.9 0.02 55.1);
}
.element {
color: var(--desert-mountain);
background-color: hsl(23 34% 87%);
border-color: oklch(0.9 0.02 55.1);
}Tailwind CSS v4
@theme {
--color-desert-mountain: #e9dbd2;
--color-desert-mountain-50: #faf4f0;
--color-desert-mountain-100: #ede6e2;
--color-desert-mountain-200: #dbd2cc;
--color-desert-mountain-300: #c0b5ae;
--color-desert-mountain-400: #a89c94;
--color-desert-mountain-500: #91837a;
--color-desert-mountain-600: #7b6f67;
--color-desert-mountain-700: #625953;
--color-desert-mountain-800: #48413c;
--color-desert-mountain-900: #322d29;
--color-desert-mountain-950: #1e1a17;
}SCSS
$desert-mountain: #e9dbd2;
$desert-mountain-rgb: 233, 219, 210;
$desert-mountain-light: mix(#fff, $desert-mountain, 20%);
$desert-mountain-dark: mix(#000, $desert-mountain, 20%);
.element {
color: $desert-mountain;
box-shadow: 0 0 0 2px rgba($desert-mountain, 0.35);
}