Warna bernama · #E8BABD
Wind Rose
Wind Rose adalah #E8BABD: rgb(232 186 189), hsl(356 50% 82%), oklch(0.83 0.053 13.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Wind Rose color name →
#E8BABD
oklch(0.83 0.053 13.9)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- EBC1C3
- EDC8CA
- F0CFD0
- F2D5D7
- F4DCDE
- F7E3E4
- F9EAEB
- FBF1F2
- FDF8F8
Shade
- CAA1A4
- AC898C
- 907274
- 745C5D
- 594647
- 403233
- 291E1F
- 130D0D
- 030202
Tone
- DDB4B7
- D3AEB0
- C8A8AA
- BEA3A4
- B39D9E
- A99798
- 9F9192
- 948B8C
- 8A8686
Harmoni warna
Komplementer +180°
- E8BABD
Wind Rose
- A0D3D1
≈ Crystal Aqua
Analog -30° +30°
- E8BABD
Wind Rose
- E2BAD0
≈ Eau de Rose
- E6BDAC
≈ Orangery
Triadik +120° +240°
- E8BABD
Wind Rose
- BAD0AD
≈ Jardin
- B0CAEA
≈ Breeze
Split-komplementer +150° +210°
- E8BABD
Wind Rose
- A9D3BE
≈ Misty Jade
- A3D0E1
≈ Light Sky Babe
Tetradik +90° +180° +270°
- E8BABD
Wind Rose
- CDCAA2
≈ Anjou Pear
- A0D3D1
≈ Crystal Aqua
- C2C4EA
≈ Violet Gems
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.72:1 · APCA Lc 31
Ag
AAADi atas hitam
WCAG 12.18:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
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);
}