Benannte Farbe · #F5E8D5
Vanilla Delight
Vanilla Delight ist #F5E8D5: rgb(245 232 213), hsl(36 62% 90%), oklch(0.936 0.029 77.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Vanilla Delight color name →
#F5E8D5
oklch(0.936 0.029 77.5)
Farbumrechnungen
- HEX
- #f5e8d5
- RGB
- rgb(245 232 213)
- HSL
- hsl(36 62% 90%)
- HWB
- hwb(36 84% 4%)
- OKLCH
- oklch(0.936 0.029 77.5)
- OKLab
- oklab(0.936 0.006 0.028)
- CIE Lab
- lab(92.66 2.26 10.94)
- LCH
- lch(92.66 11.17 78.3)
- CMYK
- cmyk(0% 5% 13% 4%)
Tints · Shades · Tones
Tints
- F6EAD9
- F7EDDD
- F8EFE2
- F9F1E6
- FAF4EA
- FBF6EE
- FCF8F2
- FDFAF7
- FEFDFB
Shades
- D5CAB9
- B6AC9E
- 989083
- 7B746A
- 5F5951
- 44403A
- 2B2924
- 151310
- 030302
Tones
- E9DDCC
- DDD2C3
- D1C8BB
- C5BDB2
- B9B3AA
- ADA8A1
- A29E99
- 969490
- 8B8A88
Farbharmonien
Komplementär +180°
- F5E8D5
Vanilla Delight
- DEEBFE
≈ Husky
Analog -30° +30°
- F5E8D5
Vanilla Delight
- FBE5DA
≈ Cool Cream
- EBECD6
≈ Amazon Breeze
Triadisch +120° +240°
- F5E8D5
Vanilla Delight
- D5F0F1
≈ Lakeside Mist
- F2E4F7
≈ Minute Mauve
Geteilt komplementär +150° +210°
- F5E8D5
Vanilla Delight
- D7EEF9
≈ Ice Castle
- E8E7FD
≈ Cyber Lavender
Tetradisch +90° +180° +270°
- F5E8D5
Vanilla Delight
- D9F1E6
≈ Banshee
- DEEBFE
≈ Husky
- FAE3ED
≈ Spun Sugar
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.20:1 · APCA Lc 10
Ag
AAAAuf Schwarz
WCAG 17.38:1 · APCA Lc 94
Beste Textfarbe: #000000
WCAG 17.38:1 (AAA) · APCA Lc 94
Contrast pairs
Code-Snippets
CSS
:root {
--vanilla-delight: #f5e8d5;
--vanilla-delight-rgb: 245 232 213;
--vanilla-delight-oklch: oklch(0.936 0.029 77.5);
}
.element {
color: var(--vanilla-delight);
background-color: hsl(36 62% 90%);
border-color: oklch(0.936 0.029 77.5);
}Tailwind CSS v4
@theme {
--color-vanilla-delight: #f5e8d5;
--color-vanilla-delight-50: #faf4ec;
--color-vanilla-delight-100: #ede7dd;
--color-vanilla-delight-200: #dbd3c7;
--color-vanilla-delight-300: #bfb6a7;
--color-vanilla-delight-400: #a89d8c;
--color-vanilla-delight-500: #918471;
--color-vanilla-delight-600: #7b7060;
--color-vanilla-delight-700: #62594d;
--color-vanilla-delight-800: #484137;
--color-vanilla-delight-900: #322d26;
--color-vanilla-delight-950: #1e1a14;
}SCSS
$vanilla-delight: #f5e8d5;
$vanilla-delight-rgb: 245, 232, 213;
$vanilla-delight-light: mix(#fff, $vanilla-delight, 20%);
$vanilla-delight-dark: mix(#000, $vanilla-delight, 20%);
.element {
color: $vanilla-delight;
box-shadow: 0 0 0 2px rgba($vanilla-delight, 0.35);
}