Benannte Farbe · #DAC2AA
Vanilla Iced Coffee
Vanilla Iced Coffee ist #DAC2AA: rgb(218 194 170), hsl(30 39% 76%), oklch(0.828 0.043 67.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Vanilla Iced Coffee color name →
#DAC2AA
oklch(0.828 0.043 67.2)
Farbumrechnungen
- HEX
- #dac2aa
- RGB
- rgb(218 194 170)
- HSL
- hsl(30 39% 76%)
- HWB
- hwb(30 67% 15%)
- OKLCH
- oklch(0.828 0.043 67.2)
- OKLab
- oklab(0.828 0.016 0.039)
- CIE Lab
- lab(80.02 6.01 15.39)
- LCH
- lch(80.02 16.52 68.7)
- CMYK
- cmyk(0% 11% 22% 15%)
Tints · Shades · Tones
Tints
- DEC8B2
- E1CEBB
- E5D4C3
- E9DACC
- EDE0D4
- F0E6DD
- F4ECE5
- F8F3EE
- FBF9F6
Shades
- BDA893
- A28F7D
- 877768
- 6C6053
- 54493F
- 3C342D
- 25201B
- 110E0B
- 020201
Tones
- D1BBA6
- C7B4A2
- BEAE9D
- B5A799
- ACA095
- A39A91
- 9A938D
- 918D88
- 898684
Farbharmonien
Komplementär +180°
- DAC2AA
Vanilla Iced Coffee
- B1CAE1
≈ Wind Blue
Analog -30° +30°
- DAC2AA
Vanilla Iced Coffee
- E0BEB3
≈ Muddy Rose
- CEC7A8
≈ Wild Hillside
Triadisch +120° +240°
- DAC2AA
Vanilla Iced Coffee
- A8D0CB
≈ Blue Angora
- CEC0DD
≈ Girl Crush
Geteilt komplementär +150° +210°
- DAC2AA
Vanilla Iced Coffee
- A9CED9
≈ Hisoku Blue
- BFC5E3
≈ California Lilac
Tetradisch +90° +180° +270°
- DAC2AA
Vanilla Iced Coffee
- B1CFBC
≈ Gossamer Green
- B1CAE1
≈ Wind Blue
- DABDD1
≈ Lovely Pink
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.71:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.27:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.27:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--vanilla-iced-coffee: #dac2aa;
--vanilla-iced-coffee-rgb: 218 194 170;
--vanilla-iced-coffee-oklch: oklch(0.828 0.043 67.2);
}
.element {
color: var(--vanilla-iced-coffee);
background-color: hsl(30 39% 76%);
border-color: oklch(0.828 0.043 67.2);
}Tailwind CSS v4
@theme {
--color-vanilla-iced-coffee: #dac2aa;
--color-vanilla-iced-coffee-50: #fdf3e8;
--color-vanilla-iced-coffee-100: #f2e6d9;
--color-vanilla-iced-coffee-200: #e1d1c1;
--color-vanilla-iced-coffee-300: #c6b4a1;
--color-vanilla-iced-coffee-400: #b09a84;
--color-vanilla-iced-coffee-500: #9a8168;
--color-vanilla-iced-coffee-600: #826d59;
--color-vanilla-iced-coffee-700: #685747;
--color-vanilla-iced-coffee-800: #4d4033;
--color-vanilla-iced-coffee-900: #352c23;
--color-vanilla-iced-coffee-950: #211912;
}SCSS
$vanilla-iced-coffee: #dac2aa;
$vanilla-iced-coffee-rgb: 218, 194, 170;
$vanilla-iced-coffee-light: mix(#fff, $vanilla-iced-coffee, 20%);
$vanilla-iced-coffee-dark: mix(#000, $vanilla-iced-coffee, 20%);
.element {
color: $vanilla-iced-coffee;
box-shadow: 0 0 0 2px rgba($vanilla-iced-coffee, 0.35);
}