色名 · #E9DBD2
Desert Mountain
Desert Mountainは#E9DBD2：rgb(233 219 210)、hsl(23 34% 87%)、oklch(0.9 0.02 55.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Desert Mountain color name →
#E9DBD2
oklch(0.9 0.02 55.1)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- EBDFD6
- EDE2DB
- F0E6DF
- F2E9E4
- F4EDE8
- F6F1ED
- F8F4F1
- FBF8F6
- FDFBFA
シェード
- CBBEB6
- ADA29B
- 908781
- 746D68
- 5A5450
- 413C39
- 292624
- 131110
- 030202
トーン
- DED2C9
- D3C8C1
- C8BFB9
- BEB6B0
- B3ACA8
- A9A3A0
- 9E9A98
- 949190
- 8A8988
カラーハーモニー
補色 +180°
- E9DBD2
Desert Mountain
- D2E1EA
≈ Lupin Grey
類似色 -30° +30°
- E9DBD2
Desert Mountain
- EBD9D7
≈ Vienna Lace
- E4DDD0
≈ Pacer White
トライアド +120° +240°
- E9DBD2
Desert Mountain
- D1E3DD
≈ Dew Not Disturb
- DFDCEA
≈ Artemis Silver
スプリットコンプリメンタリー +150° +210°
- E9DBD2
Desert Mountain
- D0E2E4
≈ Valley of Tears
- D8DEEC
≈ Icelandic Winds
テトラード +90° +180° +270°
- E9DBD2
Desert Mountain
- D6E2D6
≈ Green Mirror
- D2E1EA
≈ Lupin Grey
- E5DAE5
≈ Spangle
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.35:1 · APCA Lc 17
Ag
AAA黒の上
WCAG 15.52:1 · APCA Lc 86
最適な文字色: #000000
WCAG 15.52:1 (AAA) · APCA Lc 86
Contrast pairs
コードスニペット
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);
}