En yakın adlandırılmış renk · #EEDDD8
#EEDDD8
En yakın adlandırılmış renk: White Russian
#EEDDD8 (rgb(238 221 216), hsl(14 39% 89%), oklch(0.91 0.02 37)) en çok White Russian adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#EEDDD8
oklch(0.91 0.02 37)
Renk dönüşümleri
- HEX
- #eeddd8
- RGB
- rgb(238 221 216)
- HSL
- hsl(14 39% 89%)
- HWB
- hwb(14 85% 7%)
- OKLCH
- oklch(0.91 0.02 37)
- OKLab
- oklab(0.91 0.016 0.012)
- CIE Lab
- lab(89.4 5.41 4.67)
- LCH
- lch(89.4 7.15 40.8)
- CMYK
- cmyk(0% 7% 9% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E0DC
- F1E4E0
- F3E7E4
- F5EBE7
- F7EEEB
- F8F1EF
- FAF5F3
- FCF8F7
- FDFCFB
Koyu tonlar
- CFC0BC
- B1A4A0
- 938885
- 776E6B
- 5C5553
- 423D3B
- 2A2625
- 141111
- 030202
Gri tonlar
- E2D3CF
- D7CAC6
- CCC0BD
- C1B7B4
- B6ADAB
- ABA4A2
- A09B9A
- 959291
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- EEDDD8
White Russian
- D3E5EA
≈ Ocean Breeze
Analog -30° +30°
- EEDDD8
White Russian
- EEDCDF
≈ Cupid’s Revenge
- EBDFD4
≈ Pink Dyed Blond
Üçlü +120° +240°
- EEDDD8
White Russian
- D7E5DC
≈ Cactus Blossom
- DDE0EF
≈ Imagination
Bölünmüş tamamlayıcı +150° +210°
- EEDDD8
White Russian
- D3E6E3
≈ Plateau
- D7E3EE
≈ Blooming Aster
Dörtlü +90° +180° +270°
- EEDDD8
White Russian
- DDE4D6
≈ Lightest Sky
- D3E5EA
≈ Ocean Breeze
- E5DEEC
≈ Faint Fuchsia
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.31:1 · APCA Lc 16
Ag
AAASiyah üzerinde
WCAG 15.96:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 15.96:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--white-russian: #eeddd8;
--white-russian-rgb: 238 221 216;
--white-russian-oklch: oklch(0.91 0.02 37);
}
.element {
color: var(--white-russian);
background-color: hsl(14 39% 89%);
border-color: oklch(0.91 0.02 37);
}Tailwind CSS v4
@theme {
--color-white-russian: #eeddd8;
--color-white-russian-50: #fbf3f1;
--color-white-russian-100: #eee6e3;
--color-white-russian-200: #dcd2ce;
--color-white-russian-300: #c1b4b0;
--color-white-russian-400: #aa9b96;
--color-white-russian-500: #93827d;
--color-white-russian-600: #7c6e6a;
--color-white-russian-700: #635855;
--color-white-russian-800: #49403e;
--color-white-russian-900: #332c2a;
--color-white-russian-950: #1e1918;
}SCSS
$white-russian: #eeddd8;
$white-russian-rgb: 238, 221, 216;
$white-russian-light: mix(#fff, $white-russian, 20%);
$white-russian-dark: mix(#000, $white-russian, 20%);
.element {
color: $white-russian;
box-shadow: 0 0 0 2px rgba($white-russian, 0.35);
}