Named color · #E2BCB8
Balcony Rose
Balcony Rose is #E2BCB8: rgb(226 188 184), hsl(6 42% 80%), oklch(0.827 0.044 25.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Balcony Rose color name →
#E2BCB8
oklch(0.827 0.044 25.1)
Color conversions
- HEX
- #e2bcb8
- RGB
- rgb(226 188 184)
- HSL
- hsl(6 42% 80%)
- HWB
- hwb(6 72% 11%)
- OKLCH
- oklch(0.827 0.044 25.1)
- OKLab
- oklab(0.827 0.04 0.019)
- CIE Lab
- lab(79.54 13.58 7.4)
- LCH
- lch(79.54 15.46 28.6)
- CMYK
- cmyk(0% 17% 19% 11%)
Tints · Shades · Tones
Tints
- E5C3BF
- E8C9C6
- EBD0CD
- EED7D4
- F1DDDB
- F4E4E2
- F7EBE9
- FAF1F1
- FCF8F8
Shades
- C4A3A0
- A88B88
- 8C7371
- 715D5B
- 574745
- 3E3231
- 271F1E
- 120D0C
- 030202
Tones
- D8B6B2
- CEB0AD
- C4AAA7
- BAA4A1
- B09E9C
- A69896
- 9D9290
- 938C8B
- 8A8685
Color harmonies
Complementary +180°
- E2BCB8
Balcony Rose
- A6CFD4
≈ Plume
Analogous -30° +30°
- E2BCB8
Balcony Rose
- DFBBC8
≈ Spring Pink
- DEC0AC
≈ Cinnamon Tea
Triadic +120° +240°
- E2BCB8
Balcony Rose
- B5CFB5
≈ Lime Taffy
- B9C7E4
≈ Beautiful Dream
Split-complementary +150° +210°
- E2BCB8
Balcony Rose
- A9D0C5
≈ Whirlpool Green
- ACCCDF
≈ Himalaya Blue
Tetradic +90° +180° +270°
- E2BCB8
Balcony Rose
- C5CAAA
≈ Jardin de Hierbas
- A6CFD4
≈ Plume
- C8C1E1
≈ Party Hat
Contrast & accessibility
Ag
FailOn white
WCAG 1.73:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.11:1 · APCA Lc 71
Best text color: #000000
WCAG 12.11:1 (AAA) · APCA Lc 71
Contrast pairs
Code snippets
CSS
:root {
--balcony-rose: #e2bcb8;
--balcony-rose-rgb: 226 188 184;
--balcony-rose-oklch: oklch(0.827 0.044 25.1);
}
.element {
color: var(--balcony-rose);
background-color: hsl(6 42% 80%);
border-color: oklch(0.827 0.044 25.1);
}Tailwind CSS v4
@theme {
--color-balcony-rose: #e2bcb8;
--color-balcony-rose-50: #fff1ee;
--color-balcony-rose-100: #f6e3e0;
--color-balcony-rose-200: #e7ceca;
--color-balcony-rose-300: #cdafab;
--color-balcony-rose-400: #b79591;
--color-balcony-rose-500: #a27b77;
--color-balcony-rose-600: #896865;
--color-balcony-rose-700: #6e5351;
--color-balcony-rose-800: #513d3b;
--color-balcony-rose-900: #382a29;
--color-balcony-rose-950: #231716;
}SCSS
$balcony-rose: #e2bcb8;
$balcony-rose-rgb: 226, 188, 184;
$balcony-rose-light: mix(#fff, $balcony-rose, 20%);
$balcony-rose-dark: mix(#000, $balcony-rose, 20%);
.element {
color: $balcony-rose;
box-shadow: 0 0 0 2px rgba($balcony-rose, 0.35);
}