Adlandırılmış renk · #DEDCC6
Light Sandbank
Light Sandbank, #DEDCC6: rgb(222 220 198), hsl(55 27% 82%), oklch(0.89 0.03 102.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Light Sandbank color name →
#DEDCC6
oklch(0.89 0.03 102.7)
Renk dönüşümleri
- HEX
- #dedcc6
- RGB
- rgb(222 220 198)
- HSL
- hsl(55 27% 82%)
- HWB
- hwb(55 78% 13%)
- OKLCH
- oklch(0.89 0.03 102.7)
- OKLab
- oklab(0.89 -0.007 0.029)
- CIE Lab
- lab(87.48 -2.07 11.11)
- LCH
- lch(87.48 11.3 100.6)
- CMYK
- cmyk(0% 1% 11% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1DFCC
- E5E3D1
- E8E6D7
- EBEADD
- EEEDE2
- F2F1E8
- F5F4EE
- F8F8F3
- FCFBF9
Koyu tonlar
- C1BFAC
- A5A392
- 89887A
- 6F6E62
- 55544B
- 3D3C35
- 262621
- 12110E
- 020202
Gri tonlar
- D4D2BF
- CAC9B8
- C1BFB1
- B7B6A9
- AEADA2
- A4A49B
- 9B9B95
- 92928E
- 898987
Renk uyumları
Tamamlayıcı +180°
- DEDCC6
Light Sandbank
- D7D9EE
≈ Blissful Meditation
Analog -30° +30°
- DEDCC6
Light Sandbank
- E7D8C6
≈ Dépaysement
- D3DFCC
≈ Comforting Green
Üçlü +120° +240°
- DEDCC6
Light Sandbank
- C7E0E9
≈ Skywriter
- EAD4E0
≈ Light Favourite Lady
Bölünmüş tamamlayıcı +150° +210°
- DEDCC6
Light Sandbank
- CDDCEE
≈ Alaskan Skies
- E2D6E9
≈ Old Chalk
Dörtlü +90° +180° +270°
- DEDCC6
Light Sandbank
- C6E1E0
≈ Peek-a-Blue
- D7D9EE
≈ Blissful Meditation
- EED3D5
≈ Light Light Blush
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.38:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 15.15:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.15:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-sandbank: #dedcc6;
--light-sandbank-rgb: 222 220 198;
--light-sandbank-oklch: oklch(0.89 0.03 102.7);
}
.element {
color: var(--light-sandbank);
background-color: hsl(55 27% 82%);
border-color: oklch(0.89 0.03 102.7);
}Tailwind CSS v4
@theme {
--color-light-sandbank: #dedcc6;
--color-light-sandbank-50: #f6f6ec;
--color-light-sandbank-100: #e9e9dd;
--color-light-sandbank-200: #d6d5c7;
--color-light-sandbank-300: #b9b8a7;
--color-light-sandbank-400: #a19f8c;
--color-light-sandbank-500: #898771;
--color-light-sandbank-600: #747360;
--color-light-sandbank-700: #5d5c4c;
--color-light-sandbank-800: #444337;
--color-light-sandbank-900: #2f2e26;
--color-light-sandbank-950: #1c1b14;
}SCSS
$light-sandbank: #dedcc6;
$light-sandbank-rgb: 222, 220, 198;
$light-sandbank-light: mix(#fff, $light-sandbank, 20%);
$light-sandbank-dark: mix(#000, $light-sandbank, 20%);
.element {
color: $light-sandbank;
box-shadow: 0 0 0 2px rgba($light-sandbank, 0.35);
}