Adlandırılmış renk · #D8D0E3
Mountain’s Majesty
Mountain’s Majesty, #D8D0E3: rgb(216 208 227), hsl(265 25% 85%), oklch(0.87 0.027 304.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Mountain’s Majesty color name →
#D8D0E3
oklch(0.87 0.027 304.8)
Renk dönüşümleri
- HEX
- #d8d0e3
- RGB
- rgb(216 208 227)
- HSL
- hsl(265 25% 85%)
- HWB
- hwb(265 82% 11%)
- OKLCH
- oklch(0.87 0.027 304.8)
- OKLab
- oklab(0.87 0.016 -0.022)
- CIE Lab
- lab(84.56 5.45 -8.38)
- LCH
- lch(84.56 10 303.1)
- CMYK
- cmyk(5% 8% 0% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCD5E6
- E0D9E9
- E4DEEB
- E7E3EE
- EBE7F1
- EFECF4
- F3F1F7
- F7F5F9
- FBFAFC
Koyu tonlar
- BCB5C5
- A09AA8
- 85808C
- 6B6771
- 534F57
- 3B393F
- 252327
- 111012
- 020203
Gri tonlar
- CFC8D9
- C6BFCE
- BDB7C4
- B4AFBA
- ABA7B0
- A29FA6
- 99979D
- 918F93
- 888889
Renk uyumları
Tamamlayıcı +180°
- D8D0E3
Mountain’s Majesty
- D0D8C4
≈ Garden Mint
Analog -30° +30°
- D8D0E3
Mountain’s Majesty
- CED3E7
≈ English Channel Fog
- E0CEDB
≈ Cassia Buds
Üçlü +120° +240°
- D8D0E3
Mountain’s Majesty
- E1D1C2
≈ Cappuccino Foam
- C1DAD6
≈ Meander Blue
Bölünmüş tamamlayıcı +150° +210°
- D8D0E3
Mountain’s Majesty
- DAD4C1
≈ Silica
- C7DACC
≈ Micaceous Green
Dörtlü +90° +180° +270°
- D8D0E3
Mountain’s Majesty
- E5CEC8
≈ Ginger Shortbread
- D0D8C4
≈ Garden Mint
- C1D9DF
≈ Balmy
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.49:1 · APCA Lc 23
Ag
AAASiyah üzerinde
WCAG 14.05:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 14.05:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--mountain-s-majesty: #d8d0e3;
--mountain-s-majesty-rgb: 216 208 227;
--mountain-s-majesty-oklch: oklch(0.87 0.027 304.8);
}
.element {
color: var(--mountain-s-majesty);
background-color: hsl(265 25% 85%);
border-color: oklch(0.87 0.027 304.8);
}Tailwind CSS v4
@theme {
--color-mountain-s-majesty: #d8d0e3;
--color-mountain-s-majesty-50: #f7f3fb;
--color-mountain-s-majesty-100: #eae6ef;
--color-mountain-s-majesty-200: #d7d1de;
--color-mountain-s-majesty-300: #bbb4c3;
--color-mountain-s-majesty-400: #a29bac;
--color-mountain-s-majesty-500: #8a8295;
--color-mountain-s-majesty-600: #756e7e;
--color-mountain-s-majesty-700: #5d5865;
--color-mountain-s-majesty-800: #44404a;
--color-mountain-s-majesty-900: #2f2c34;
--color-mountain-s-majesty-950: #1c191f;
}SCSS
$mountain-s-majesty: #d8d0e3;
$mountain-s-majesty-rgb: 216, 208, 227;
$mountain-s-majesty-light: mix(#fff, $mountain-s-majesty, 20%);
$mountain-s-majesty-dark: mix(#000, $mountain-s-majesty, 20%);
.element {
color: $mountain-s-majesty;
box-shadow: 0 0 0 2px rgba($mountain-s-majesty, 0.35);
}