Nazwany kolor · #E9DFCF
Vanilla Flower
Vanilla Flower to #E9DFCF: rgb(233 223 207), hsl(37 37% 86%), oklch(0.907 0.024 79.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Vanilla Flower color name →
#E9DFCF
oklch(0.907 0.024 79.7)
Konwersje koloru
- HEX
- #e9dfcf
- RGB
- rgb(233 223 207)
- HSL
- hsl(37 37% 86%)
- HWB
- hwb(37 81% 9%)
- OKLCH
- oklch(0.907 0.024 79.7)
- OKLab
- oklab(0.907 0.004 0.024)
- CIE Lab
- lab(89.3 1.55 9.15)
- LCH
- lch(89.3 9.28 80.4)
- CMYK
- cmyk(0% 4% 11% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EBE2D4
- EDE5D9
- F0E9DD
- F2ECE2
- F4EFE7
- F6F2EC
- F8F5F0
- FBF9F5
- FDFCFA
Odcienie ciemniejsze
- CBC2B4
- ADA599
- 908A7F
- 746F67
- 5A564F
- 413D38
- 292723
- 131210
- 030202
Tony
- DED5C7
- D3CBBF
- C8C2B7
- BEB8AF
- B3AEA7
- A9A59F
- 9E9B97
- 94928F
- 8A8988
Harmonie kolorów
Komplementarna +180°
- E9DFCF
Vanilla Flower
- D7E1F1
≈ Aquarelle Purple
Analogowa -30° +30°
- E9DFCF
Vanilla Flower
- EEDCD3
≈ Stolen Kiss
- E1E2D0
≈ Positive Energy
Triada +120° +240°
- E9DFCF
Vanilla Flower
- CFE6E7
≈ Ventilated
- E8DCEB
≈ Princess Fairy Tale
Komplementarna rozszczepiona +150° +210°
- E9DFCF
Vanilla Flower
- D1E4ED
≈ Mystic Harbour
- E0DEF0
≈ Artemis Silver
Tetrada +90° +180° +270°
- E9DFCF
Vanilla Flower
- D2E6DE
≈ Summer Breeze
- D7E1F1
≈ Aquarelle Purple
- EEDAE3
≈ Rosa Bonito
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.31:1 · APCA Lc 16
Ag
AAANa czerni
WCAG 15.92:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 15.92:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--vanilla-flower: #e9dfcf;
--vanilla-flower-rgb: 233 223 207;
--vanilla-flower-oklch: oklch(0.907 0.024 79.7);
}
.element {
color: var(--vanilla-flower);
background-color: hsl(37 37% 86%);
border-color: oklch(0.907 0.024 79.7);
}Tailwind CSS v4
@theme {
--color-vanilla-flower: #e9dfcf;
--color-vanilla-flower-50: #f9f5ee;
--color-vanilla-flower-100: #ece7df;
--color-vanilla-flower-200: #d9d3c9;
--color-vanilla-flower-300: #beb6aa;
--color-vanilla-flower-400: #a69d8f;
--color-vanilla-flower-500: #8f8575;
--color-vanilla-flower-600: #797063;
--color-vanilla-flower-700: #615a4f;
--color-vanilla-flower-800: #474139;
--color-vanilla-flower-900: #312d27;
--color-vanilla-flower-950: #1d1a15;
}SCSS
$vanilla-flower: #e9dfcf;
$vanilla-flower-rgb: 233, 223, 207;
$vanilla-flower-light: mix(#fff, $vanilla-flower, 20%);
$vanilla-flower-dark: mix(#000, $vanilla-flower, 20%);
.element {
color: $vanilla-flower;
box-shadow: 0 0 0 2px rgba($vanilla-flower, 0.35);
}