Adlandırılmış renk · #DED8C4
Salsify White
Salsify White, #DED8C4: rgb(222 216 196), hsl(46 28% 82%), oklch(0.882 0.028 93.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Salsify White color name →
#DED8C4
oklch(0.882 0.028 93.1)
Renk dönüşümleri
- HEX
- #ded8c4
- RGB
- rgb(222 216 196)
- HSL
- hsl(46 28% 82%)
- HWB
- hwb(46 77% 13%)
- OKLCH
- oklch(0.882 0.028 93.1)
- OKLab
- oklab(0.882 -0.002 0.028)
- CIE Lab
- lab(86.42 -0.38 10.67)
- LCH
- lch(86.42 10.68 92)
- CMYK
- cmyk(0% 3% 12% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- E1DCCA
- E5E0D0
- E8E4D6
- EBE7DB
- EEEBE1
- F2EFE7
- F5F3ED
- F8F7F3
- FCFBF9
Koyu tonlar
- C1BCAA
- A5A091
- 898578
- 6F6B61
- 55534A
- 3D3B35
- 262521
- 12110E
- 020202
Gri tonlar
- D4CFBD
- CAC6B6
- C1BDAF
- B7B4A8
- AEABA1
- A4A29B
- 9B9A94
- 92918D
- 898887
Renk uyumları
Tamamlayıcı +180°
- DED8C4
Salsify White
- D2D7EB
≈ Light Powdered Granite
Analog -30° +30°
- DED8C4
Salsify White
- E6D5C6
≈ Silver Thistle Beige
- D4DBC8
≈ Ottoman
Üçlü +120° +240°
- DED8C4
Salsify White
- C4DDE3
≈ Galactica
- E4D2E0
≈ Blissful Light
Bölünmüş tamamlayıcı +150° +210°
- DED8C4
Salsify White
- C9DBE9
≈ Celestial Light
- DBD4E7
≈ Slaanesh Grey
Dörtlü +90° +180° +270°
- DED8C4
Salsify White
- C5DEDA
≈ Sunken Pool
- D2D7EB
≈ Light Powdered Granite
- E9D1D6
≈ Desert Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.42:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.72:1 · APCA Lc 83
En iyi metin rengi: #000000
WCAG 14.72:1 (AAA) · APCA Lc 83
Contrast pairs
Kod parçacıkları
CSS
:root {
--salsify-white: #ded8c4;
--salsify-white-rgb: 222 216 196;
--salsify-white-oklch: oklch(0.882 0.028 93.1);
}
.element {
color: var(--salsify-white);
background-color: hsl(46 28% 82%);
border-color: oklch(0.882 0.028 93.1);
}Tailwind CSS v4
@theme {
--color-salsify-white: #ded8c4;
--color-salsify-white-50: #f7f5ec;
--color-salsify-white-100: #eae8de;
--color-salsify-white-200: #d8d4c7;
--color-salsify-white-300: #bcb8a8;
--color-salsify-white-400: #a49e8c;
--color-salsify-white-500: #8c8672;
--color-salsify-white-600: #777160;
--color-salsify-white-700: #5f5b4d;
--color-salsify-white-800: #464238;
--color-salsify-white-900: #302e26;
--color-salsify-white-950: #1d1a14;
}SCSS
$salsify-white: #ded8c4;
$salsify-white-rgb: 222, 216, 196;
$salsify-white-light: mix(#fff, $salsify-white, 20%);
$salsify-white-dark: mix(#000, $salsify-white, 20%);
.element {
color: $salsify-white;
box-shadow: 0 0 0 2px rgba($salsify-white, 0.35);
}