En yakın adlandırılmış renk · #EEE4D9
#EEE4D9
En yakın adlandırılmış renk: Vanilla Sugar
#EEE4D9 (rgb(238 228 217), hsl(31 38% 89%), oklch(0.924 0.018 70.2)) en çok Vanilla Sugar 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.
#EEE4D9
oklch(0.924 0.018 70.2)
Renk dönüşümleri
- HEX
- #eee4d9
- RGB
- rgb(238 228 217)
- HSL
- hsl(31 38% 89%)
- HWB
- hwb(31 85% 7%)
- OKLCH
- oklch(0.924 0.018 70.2)
- OKLab
- oklab(0.924 0.006 0.017)
- CIE Lab
- lab(91.16 2.14 6.66)
- LCH
- lch(91.16 7 72.2)
- CMYK
- cmyk(0% 4% 9% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E7DD
- F1E9E1
- F3ECE4
- F5EFE8
- F7F1EC
- F8F4F0
- FAF7F4
- FCFAF7
- FDFCFB
Koyu tonlar
- CFC6BC
- B1A9A1
- 938D86
- 77726C
- 5C5853
- 423F3B
- 2A2825
- 141211
- 030302
Gri tonlar
- E2DAD0
- D7CFC7
- CCC5BD
- C1BBB4
- B5B1AB
- ABA7A3
- A09D9A
- 959391
- 8A8A89
Renk uyumları
Tamamlayıcı +180°
- EEE4D9
Vanilla Sugar
- DDE7F2
≈ St. Petersburg
Analog -30° +30°
- EEE4D9
Vanilla Sugar
- F1E2DD
≈ Chantilly Lace
- E8E6D9
≈ Prairie Winds
Üçlü +120° +240°
- EEE4D9
Vanilla Sugar
- D9EAE8
≈ Water Squirt
- EAE3EF
≈ Modest Violet
Bölünmüş tamamlayıcı +150° +210°
- EEE4D9
Vanilla Sugar
- D9E9EE
≈ Sidewalk Chalk Blue
- E3E5F2
≈ Crystal Falls
Dörtlü +90° +180° +270°
- EEE4D9
Vanilla Sugar
- DCEAE2
≈ Green Emulsion
- DDE7F2
≈ St. Petersburg
- EFE1EA
≈ Heaven Sent
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.25:1 · APCA Lc 13
Ag
AAASiyah üzerinde
WCAG 16.73:1 · APCA Lc 91
En iyi metin rengi: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Kod parçacıkları
CSS
:root {
--vanilla-sugar: #eee4d9;
--vanilla-sugar-rgb: 238 228 217;
--vanilla-sugar-oklch: oklch(0.924 0.018 70.2);
}
.element {
color: var(--vanilla-sugar);
background-color: hsl(31 38% 89%);
border-color: oklch(0.924 0.018 70.2);
}Tailwind CSS v4
@theme {
--color-vanilla-sugar: #eee4d9;
--color-vanilla-sugar-50: #f8f4f0;
--color-vanilla-sugar-100: #ece7e1;
--color-vanilla-sugar-200: #d9d3cc;
--color-vanilla-sugar-300: #bdb6ad;
--color-vanilla-sugar-400: #a69d93;
--color-vanilla-sugar-500: #8e8479;
--color-vanilla-sugar-600: #787067;
--color-vanilla-sugar-700: #605a52;
--color-vanilla-sugar-800: #47413c;
--color-vanilla-sugar-900: #312d29;
--color-vanilla-sugar-950: #1d1a17;
}SCSS
$vanilla-sugar: #eee4d9;
$vanilla-sugar-rgb: 238, 228, 217;
$vanilla-sugar-light: mix(#fff, $vanilla-sugar, 20%);
$vanilla-sugar-dark: mix(#000, $vanilla-sugar, 20%);
.element {
color: $vanilla-sugar;
box-shadow: 0 0 0 2px rgba($vanilla-sugar, 0.35);
}