Adlandırılmış renk · #D6CBBA
Gentle Shadows
Gentle Shadows, #D6CBBA: rgb(214 203 186), hsl(36 25% 78%), oklch(0.846 0.026 78.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Gentle Shadows color name →
#D6CBBA
oklch(0.846 0.026 78.9)
Renk dönüşümleri
- HEX
- #d6cbba
- RGB
- rgb(214 203 186)
- HSL
- hsl(36 25% 78%)
- HWB
- hwb(36 73% 16%)
- OKLCH
- oklch(0.846 0.026 78.9)
- OKLab
- oklab(0.846 0.005 0.026)
- CIE Lab
- lab(82.24 1.84 9.95)
- LCH
- lch(82.24 10.12 79.5)
- CMYK
- cmyk(0% 5% 13% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAD0C1
- DED5C8
- E2DACE
- E6E0D5
- EAE5DC
- EEEAE3
- F3EFEA
- F7F4F1
- FBFAF8
Koyu tonlar
- BAB0A1
- 9E9689
- 847D72
- 6A655C
- 524D46
- 3B3732
- 25221E
- 100F0D
- 020202
Gri tonlar
- CDC3B4
- C4BCAE
- BBB4A8
- B3ACA2
- AAA59D
- A19D97
- 999691
- 918F8B
- 888786
Renk uyumları
Tamamlayıcı +180°
- D6CBBA
Gentle Shadows
- C3CDDE
≈ Lilac Bisque
Analog -30° +30°
- D6CBBA
Gentle Shadows
- DCC8BE
≈ Malted
- CDCEBB
≈ Pale Tendril
Üçlü +120° +240°
- D6CBBA
Gentle Shadows
- BAD2D3
≈ Relax
- D4C7D8
≈ Modesty
Bölünmüş tamamlayıcı +150° +210°
- D6CBBA
Gentle Shadows
- BCD0DA
≈ Snowbell
- CBCADD
≈ Blueberry Mist
Dörtlü +90° +180° +270°
- D6CBBA
Gentle Shadows
- BDD2CA
≈ Quaver
- C3CDDE
≈ Lilac Bisque
- DBC6CF
≈ Light Lilac
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.11:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.11:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--gentle-shadows: #d6cbba;
--gentle-shadows-rgb: 214 203 186;
--gentle-shadows-oklch: oklch(0.846 0.026 78.9);
}
.element {
color: var(--gentle-shadows);
background-color: hsl(36 25% 78%);
border-color: oklch(0.846 0.026 78.9);
}Tailwind CSS v4
@theme {
--color-gentle-shadows: #d6cbba;
--color-gentle-shadows-50: #f9f4ed;
--color-gentle-shadows-100: #ece7de;
--color-gentle-shadows-200: #dad3c8;
--color-gentle-shadows-300: #beb6a9;
--color-gentle-shadows-400: #a79d8e;
--color-gentle-shadows-500: #908473;
--color-gentle-shadows-600: #7a7062;
--color-gentle-shadows-700: #615a4e;
--color-gentle-shadows-800: #484138;
--color-gentle-shadows-900: #322d27;
--color-gentle-shadows-950: #1e1a15;
}SCSS
$gentle-shadows: #d6cbba;
$gentle-shadows-rgb: 214, 203, 186;
$gentle-shadows-light: mix(#fff, $gentle-shadows, 20%);
$gentle-shadows-dark: mix(#000, $gentle-shadows, 20%);
.element {
color: $gentle-shadows;
box-shadow: 0 0 0 2px rgba($gentle-shadows, 0.35);
}