Najbliższy nazwany kolor · #EEE4D9
#EEE4D9
Najbliższy nazwany kolor: Vanilla Sugar
#EEE4D9 (rgb(238 228 217), hsl(31 38% 89%), oklch(0.924 0.018 70.2)) jest najbliższy nazwanemu kolorowi Vanilla Sugar. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EEE4D9
oklch(0.924 0.018 70.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E7DD
- F1E9E1
- F3ECE4
- F5EFE8
- F7F1EC
- F8F4F0
- FAF7F4
- FCFAF7
- FDFCFB
Odcienie ciemniejsze
- CFC6BC
- B1A9A1
- 938D86
- 77726C
- 5C5853
- 423F3B
- 2A2825
- 141211
- 030302
Tony
- E2DAD0
- D7CFC7
- CCC5BD
- C1BBB4
- B5B1AB
- ABA7A3
- A09D9A
- 959391
- 8A8A89
Harmonie kolorów
Komplementarna +180°
- EEE4D9
Vanilla Sugar
- DDE7F2
≈ St. Petersburg
Analogowa -30° +30°
- EEE4D9
Vanilla Sugar
- F1E2DD
≈ Chantilly Lace
- E8E6D9
≈ Prairie Winds
Triada +120° +240°
- EEE4D9
Vanilla Sugar
- D9EAE8
≈ Water Squirt
- EAE3EF
≈ Modest Violet
Komplementarna rozszczepiona +150° +210°
- EEE4D9
Vanilla Sugar
- D9E9EE
≈ Sidewalk Chalk Blue
- E3E5F2
≈ Crystal Falls
Tetrada +90° +180° +270°
- EEE4D9
Vanilla Sugar
- DCEAE2
≈ Green Emulsion
- DDE7F2
≈ St. Petersburg
- EFE1EA
≈ Heaven Sent
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.25:1 · APCA Lc 13
Ag
AAANa czerni
WCAG 16.73:1 · APCA Lc 91
Najlepszy kolor tekstu: #000000
WCAG 16.73:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmenty kodu
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);
}