Benannte Farbe · #D1BEA8
Vanilla Doe
Vanilla Doe ist #D1BEA8: rgb(209 190 168), hsl(32 31% 74%), oklch(0.812 0.037 71.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Vanilla Doe color name →
#D1BEA8
oklch(0.812 0.037 71.3)
Farbumrechnungen
- HEX
- #d1bea8
- RGB
- rgb(209 190 168)
- HSL
- hsl(32 31% 74%)
- HWB
- hwb(32 66% 18%)
- OKLCH
- oklch(0.812 0.037 71.3)
- OKLab
- oklab(0.812 0.012 0.035)
- CIE Lab
- lab(78.15 4.34 13.73)
- LCH
- lch(78.15 14.4 72.4)
- CMYK
- cmyk(0% 9% 20% 18%)
Tints · Shades · Tones
Tints
- D6C4B1
- DACBB9
- DFD1C2
- E3D8CA
- E8DED3
- EDE5DC
- F1EBE4
- F6F2ED
- FAF8F6
Shades
- B5A592
- 9B8C7C
- 817567
- 685E52
- 50483F
- 39332C
- 231F1A
- 100D0A
- 020201
Tones
- C9B8A4
- C0B1A0
- B8AB9C
- B0A598
- A89F94
- A09890
- 98928C
- 908C88
- 888684
Farbharmonien
Komplementär +180°
- D1BEA8
Vanilla Doe
- B0C4D9
≈ Spindle
Analog -30° +30°
- D1BEA8
Vanilla Doe
- D7BAAF
≈ Wafer
- C6C3A8
≈ Green Gaze
Triadisch +120° +240°
- D1BEA8
Vanilla Doe
- A7CAC7
≈ Impressionist Blue
- C9BBD3
≈ Purple Shine
Geteilt komplementär +150° +210°
- D1BEA8
Vanilla Doe
- A8C7D3
≈ Ocean Eyes
- BDBFDA
≈ Rhapsody Lilac
Tetradisch +90° +180° +270°
- D1BEA8
Vanilla Doe
- ADC9BA
≈ Greywacke
- B0C4D9
≈ Spindle
- D3B8C8
≈ Lavender Blessing
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.80:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.64:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.64:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--vanilla-doe: #d1bea8;
--vanilla-doe-rgb: 209 190 168;
--vanilla-doe-oklch: oklch(0.812 0.037 71.3);
}
.element {
color: var(--vanilla-doe);
background-color: hsl(32 31% 74%);
border-color: oklch(0.812 0.037 71.3);
}Tailwind CSS v4
@theme {
--color-vanilla-doe: #d1bea8;
--color-vanilla-doe-50: #fcf4ea;
--color-vanilla-doe-100: #f0e6db;
--color-vanilla-doe-200: #ded2c3;
--color-vanilla-doe-300: #c3b5a3;
--color-vanilla-doe-400: #ad9b87;
--color-vanilla-doe-500: #96836c;
--color-vanilla-doe-600: #7f6f5b;
--color-vanilla-doe-700: #665849;
--color-vanilla-doe-800: #4b4035;
--color-vanilla-doe-900: #342c24;
--color-vanilla-doe-950: #1f1913;
}SCSS
$vanilla-doe: #d1bea8;
$vanilla-doe-rgb: 209, 190, 168;
$vanilla-doe-light: mix(#fff, $vanilla-doe, 20%);
$vanilla-doe-dark: mix(#000, $vanilla-doe, 20%);
.element {
color: $vanilla-doe;
box-shadow: 0 0 0 2px rgba($vanilla-doe, 0.35);
}