Nächste benannte Farbe · #EDE5DB
#EDE5DB
Nächste benannte Farbe: Vanilla Sugar
#EDE5DB (rgb(237 229 219), hsl(33 33% 89%), oklch(0.925 0.016 73.7)) liegt am nächsten an der benannten Farbe Vanilla Sugar. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#EDE5DB
oklch(0.925 0.016 73.7)
Farbumrechnungen
- HEX
- #ede5db
- RGB
- rgb(237 229 219)
- HSL
- hsl(33 33% 89%)
- HWB
- hwb(33 86% 7%)
- OKLCH
- oklch(0.925 0.016 73.7)
- OKLab
- oklab(0.925 0.004 0.015)
- CIE Lab
- lab(91.37 1.54 5.91)
- LCH
- lch(91.37 6.1 75.4)
- CMYK
- cmyk(0% 3% 8% 7%)
Tints · Shades · Tones
Tints
- EFE8DF
- F1EAE2
- F2EDE6
- F4EFE9
- F6F2ED
- F8F5F1
- FAF7F4
- FBFAF8
- FDFCFB
Shades
- CEC7BE
- B0AAA2
- 938E87
- 77726D
- 5C5854
- 423F3C
- 2A2826
- 141211
- 030302
Tones
- E2DAD2
- D6D0C8
- CBC6BF
- C0BBB6
- B5B1AC
- AAA7A3
- 9F9D9A
- 959391
- 8A8A89
Farbharmonien
Komplementär +180°
- EDE5DB
Vanilla Sugar
- DFE7F1
≈ Radiant Moon
Analog -30° +30°
- EDE5DB
Vanilla Sugar
- F0E3DE
≈ Rosa Vieja
- E8E7DB
≈ Clear Sand
Triadisch +120° +240°
- EDE5DB
Vanilla Sugar
- DBEAE9
≈ Carefree
- EAE3EE
≈ Modest Violet
Geteilt komplementär +150° +210°
- EDE5DB
Vanilla Sugar
- DCE9EE
≈ Sidewalk Chalk Blue
- E5E5F1
≈ Lavender Syrup
Tetradisch +90° +180° +270°
- EDE5DB
Vanilla Sugar
- DDEAE3
≈ Snowbound
- DFE7F1
≈ Radiant Moon
- EFE2E9
≈ Struck by Lightning
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.24:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 16.83:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 16.83:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--vanilla-sugar: #ede5db;
--vanilla-sugar-rgb: 237 229 219;
--vanilla-sugar-oklch: oklch(0.925 0.016 73.7);
}
.element {
color: var(--vanilla-sugar);
background-color: hsl(33 33% 89%);
border-color: oklch(0.925 0.016 73.7);
}Tailwind CSS v4
@theme {
--color-vanilla-sugar: #ede5db;
--color-vanilla-sugar-50: #f8f5f0;
--color-vanilla-sugar-100: #ebe7e2;
--color-vanilla-sugar-200: #d8d3cd;
--color-vanilla-sugar-300: #bcb6af;
--color-vanilla-sugar-400: #a49d94;
--color-vanilla-sugar-500: #8d857b;
--color-vanilla-sugar-600: #777068;
--color-vanilla-sugar-700: #5f5a53;
--color-vanilla-sugar-800: #46423c;
--color-vanilla-sugar-900: #302d2a;
--color-vanilla-sugar-950: #1d1a17;
}SCSS
$vanilla-sugar: #ede5db;
$vanilla-sugar-rgb: 237, 229, 219;
$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);
}