Adlandırılmış renk · #D6D2CE
Santo
Santo, #D6D2CE: rgb(214 210 206), hsl(30 9% 82%), oklch(0.866 0.007 67.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? → · Santo color name →
#D6D2CE
oklch(0.866 0.007 67.7)
Renk dönüşümleri
- HEX
- #d6d2ce
- RGB
- rgb(214 210 206)
- HSL
- hsl(30 9% 82%)
- HWB
- hwb(30 81% 16%)
- OKLCH
- oklch(0.866 0.007 67.7)
- OKLab
- oklab(0.866 0.003 0.007)
- CIE Lab
- lab(84.43 0.89 2.5)
- LCH
- lch(84.43 2.65 70.3)
- CMYK
- cmyk(0% 2% 4% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DAD6D3
- DEDBD8
- E2DFDC
- E6E4E1
- EAE8E6
- EEEDEB
- F3F1F0
- F7F6F5
- FBFAFA
Koyu tonlar
- BAB6B3
- 9E9B98
- 84817F
- 6A6866
- 52504E
- 3B3938
- 252423
- 10100F
- 020202
Gri tonlar
- CDC9C6
- C4C1BE
- BBB9B6
- B3B0AE
- AAA8A6
- A1A09E
- 999897
- 91908F
- 888887
Renk uyumları
Tamamlayıcı +180°
- D6D2CE
Santo
- CFD3D7
≈ Shiny Nickel
Analog -30° +30°
- D6D2CE
Santo
- D7D1CF
≈ Pygmy Goat
- D4D3CE
≈ Seashell Grey
Üçlü +120° +240°
- D6D2CE
Santo
- CED4D4
≈ Tsunami Sky
- D4D2D6
≈ Etude Lilac
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.50:1 · APCA Lc 24
Ag
AAASiyah üzerinde
WCAG 13.96:1 · APCA Lc 80
En iyi metin rengi: #000000
WCAG 13.96:1 (AAA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--santo: #d6d2ce;
--santo-rgb: 214 210 206;
--santo-oklch: oklch(0.866 0.007 67.7);
}
.element {
color: var(--santo);
background-color: hsl(30 9% 82%);
border-color: oklch(0.866 0.007 67.7);
}Tailwind CSS v4
@theme {
--color-santo: #d6d2ce;
--color-santo-50: #f6f5f3;
--color-santo-100: #e9e7e5;
--color-santo-200: #d6d4d1;
--color-santo-300: #bab7b4;
--color-santo-400: #a19e9a;
--color-santo-500: #898581;
--color-santo-600: #74716d;
--color-santo-700: #5d5a57;
--color-santo-800: #444240;
--color-santo-900: #2f2d2c;
--color-santo-950: #1c1a19;
}SCSS
$santo: #d6d2ce;
$santo-rgb: 214, 210, 206;
$santo-light: mix(#fff, $santo, 20%);
$santo-dark: mix(#000, $santo, 20%);
.element {
color: $santo;
box-shadow: 0 0 0 2px rgba($santo, 0.35);
}