Benannte Farbe · #E8BABD
Wind Rose
Wind Rose ist #E8BABD: rgb(232 186 189), hsl(356 50% 82%), oklch(0.83 0.053 13.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Pink mean? → · Wind Rose color name →
#E8BABD
oklch(0.83 0.053 13.9)
Farbumrechnungen
- HEX
- #e8babd
- RGB
- rgb(232 186 189)
- HSL
- hsl(356 50% 82%)
- HWB
- hwb(356 73% 9%)
- OKLCH
- oklch(0.83 0.053 13.9)
- OKLab
- oklab(0.83 0.052 0.013)
- CIE Lab
- lab(79.75 17.39 5.11)
- LCH
- lch(79.75 18.13 16.4)
- CMYK
- cmyk(0% 20% 19% 9%)
Tints · Shades · Tones
Tints
- EBC1C3
- EDC8CA
- F0CFD0
- F2D5D7
- F4DCDE
- F7E3E4
- F9EAEB
- FBF1F2
- FDF8F8
Shades
- CAA1A4
- AC898C
- 907274
- 745C5D
- 594647
- 403233
- 291E1F
- 130D0D
- 030202
Tones
- DDB4B7
- D3AEB0
- C8A8AA
- BEA3A4
- B39D9E
- A99798
- 9F9192
- 948B8C
- 8A8686
Farbharmonien
Komplementär +180°
- E8BABD
Wind Rose
- A0D3D1
≈ Crystal Aqua
Analog -30° +30°
- E8BABD
Wind Rose
- E2BAD0
≈ Eau de Rose
- E6BDAC
≈ Orangery
Triadisch +120° +240°
- E8BABD
Wind Rose
- BAD0AD
≈ Jardin
- B0CAEA
≈ Breeze
Geteilt komplementär +150° +210°
- E8BABD
Wind Rose
- A9D3BE
≈ Misty Jade
- A3D0E1
≈ Light Sky Babe
Tetradisch +90° +180° +270°
- E8BABD
Wind Rose
- CDCAA2
≈ Anjou Pear
- A0D3D1
≈ Crystal Aqua
- C2C4EA
≈ Violet Gems
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.72:1 · APCA Lc 31
Ag
AAAAuf Schwarz
WCAG 12.18:1 · APCA Lc 72
Beste Textfarbe: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--wind-rose: #e8babd;
--wind-rose-rgb: 232 186 189;
--wind-rose-oklch: oklch(0.83 0.053 13.9);
}
.element {
color: var(--wind-rose);
background-color: hsl(356 50% 82%);
border-color: oklch(0.83 0.053 13.9);
}Tailwind CSS v4
@theme {
--color-wind-rose: #e8babd;
--color-wind-rose-50: #ffeff0;
--color-wind-rose-100: #f9e1e2;
--color-wind-rose-200: #eacccc;
--color-wind-rose-300: #d1adae;
--color-wind-rose-400: #bc9295;
--color-wind-rose-500: #a6787b;
--color-wind-rose-600: #8d6669;
--color-wind-rose-700: #715154;
--color-wind-rose-800: #533b3d;
--color-wind-rose-900: #3a282a;
--color-wind-rose-950: #241618;
}SCSS
$wind-rose: #e8babd;
$wind-rose-rgb: 232, 186, 189;
$wind-rose-light: mix(#fff, $wind-rose, 20%);
$wind-rose-dark: mix(#000, $wind-rose, 20%);
.element {
color: $wind-rose;
box-shadow: 0 0 0 2px rgba($wind-rose, 0.35);
}