Adlandırılmış renk · #D8DED0
Light Iced Aniseed
Light Iced Aniseed, #D8DED0: rgb(216 222 208), hsl(86 18% 84%), oklch(0.892 0.02 125.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? → · Light Iced Aniseed color name →
#D8DED0
oklch(0.892 0.02 125.8)
Renk dönüşümleri
- HEX
- #d8ded0
- RGB
- rgb(216 222 208)
- HSL
- hsl(86 18% 84%)
- HWB
- hwb(86 82% 13%)
- OKLCH
- oklch(0.892 0.02 125.8)
- OKLab
- oklab(0.892 -0.012 0.016)
- CIE Lab
- lab(87.71 -3.96 6.15)
- LCH
- lch(87.71 7.31 122.7)
- CMYK
- cmyk(3% 0% 6% 13%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DCE1D5
- E0E5D9
- E4E8DE
- E7EBE3
- EBEEE7
- EFF2EC
- F3F5F1
- F7F8F5
- FBFCFA
Koyu tonlar
- BCC1B5
- A0A59A
- 858980
- 6B6F67
- 53554F
- 3B3D39
- 252623
- 111210
- 020202
Gri tonlar
- CFD4C8
- C6CABF
- BDC1B7
- B4B7AF
- ABAEA7
- A2A49F
- 999B97
- 91928F
- 888988
Renk uyumları
Tamamlayıcı +180°
- D8DED0
Light Iced Aniseed
- DED8E6
≈ Inspired Lilac
Analog -30° +30°
- D8DED0
Light Iced Aniseed
- DFDCCD
≈ Cocoon
- D2E0D6
≈ Sentinel
Üçlü +120° +240°
- D8DED0
Light Iced Aniseed
- D1DDE8
≈ Shattered Sky
- E8D6D9
≈ Diminished Red
Bölünmüş tamamlayıcı +150° +210°
- D8DED0
Light Iced Aniseed
- D7DBE9
≈ Morning Shower
- E4D7E0
≈ Wine Frost
Dörtlü +90° +180° +270°
- D8DED0
Light Iced Aniseed
- CEDFE4
≈ Cool Sky
- DED8E6
≈ Inspired Lilac
- E8D7D3
≈ Ebb
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.37:1 · APCA Lc 18
Ag
AAASiyah üzerinde
WCAG 15.27:1 · APCA Lc 85
En iyi metin rengi: #000000
WCAG 15.27:1 (AAA) · APCA Lc 85
Contrast pairs
Kod parçacıkları
CSS
:root {
--light-iced-aniseed: #d8ded0;
--light-iced-aniseed-rgb: 216 222 208;
--light-iced-aniseed-oklch: oklch(0.892 0.02 125.8);
}
.element {
color: var(--light-iced-aniseed);
background-color: hsl(86 18% 84%);
border-color: oklch(0.892 0.02 125.8);
}Tailwind CSS v4
@theme {
--color-light-iced-aniseed: #d8ded0;
--color-light-iced-aniseed-50: #f3f6f0;
--color-light-iced-aniseed-100: #e6e9e2;
--color-light-iced-aniseed-200: #d2d6cd;
--color-light-iced-aniseed-300: #b4b9af;
--color-light-iced-aniseed-400: #9ba194;
--color-light-iced-aniseed-500: #83897b;
--color-light-iced-aniseed-600: #6f7468;
--color-light-iced-aniseed-700: #585d53;
--color-light-iced-aniseed-800: #41443c;
--color-light-iced-aniseed-900: #2d2f29;
--color-light-iced-aniseed-950: #1a1b17;
}SCSS
$light-iced-aniseed: #d8ded0;
$light-iced-aniseed-rgb: 216, 222, 208;
$light-iced-aniseed-light: mix(#fff, $light-iced-aniseed, 20%);
$light-iced-aniseed-dark: mix(#000, $light-iced-aniseed, 20%);
.element {
color: $light-iced-aniseed;
box-shadow: 0 0 0 2px rgba($light-iced-aniseed, 0.35);
}