Named color · #BAA1B2
Parlour Rose
Parlour Rose is #BAA1B2: rgb(186 161 178), hsl(319 15% 68%), oklch(0.736 0.037 337.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Parlour Rose color name →
#BAA1B2
oklch(0.736 0.037 337.7)
Color conversions
- HEX
- #baa1b2
- RGB
- rgb(186 161 178)
- HSL
- hsl(319 15% 68%)
- HWB
- hwb(319 63% 27%)
- OKLCH
- oklch(0.736 0.037 337.7)
- OKLab
- oklab(0.736 0.035 -0.014)
- CIE Lab
- lab(68.88 11.68 -5.26)
- LCH
- lch(68.88 12.81 335.7)
- CMYK
- cmyk(0% 13% 4% 27%)
Tints · Shades · Tones
Tints
- C1AAB9
- C8B3C1
- CFBCC9
- D5C6D0
- DCCFD8
- E3D9E0
- EAE2E7
- F1ECEF
- F8F5F7
Shades
- A18B9A
- 897683
- 72626D
- 5C4E57
- 463C43
- 322A2F
- 1E191D
- 0D090C
- 020101
Tones
- B49EAD
- AE9AA8
- A897A3
- A3949E
- 9D9099
- 978D94
- 918A8F
- 8B878A
- 868385
Color harmonies
Complementary +180°
- BAA1B2
Parlour Rose
- 97B1A1
≈ Phoenix Tears
Analogous -30° +30°
- BAA1B2
Parlour Rose
- B0A4BC
≈ Decanter
- C0A0A5
≈ Zephyr
Triadic +120° +240°
- BAA1B2
Parlour Rose
- B0AA90
≈ Prairie Sage
- 90B0B9
≈ Lucy Blue
Split-complementary +150° +210°
- BAA1B2
Parlour Rose
- A3AE95
≈ Rooftop Garden
- 90B2AE
≈ Undersea
Tetradic +90° +180° +270°
- BAA1B2
Parlour Rose
- BAA691
≈ Macadamia Brown
- 97B1A1
≈ Phoenix Tears
- 98ACC1
≈ Nordland Light Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.37:1 · APCA Lc 47
Ag
AAAOn black
WCAG 8.82:1 · APCA Lc 55
Best text color: #000000
WCAG 8.82:1 (AAA) · APCA Lc 55
Contrast pairs
Code snippets
CSS
:root {
--parlour-rose: #baa1b2;
--parlour-rose-rgb: 186 161 178;
--parlour-rose-oklch: oklch(0.736 0.037 337.7);
}
.element {
color: var(--parlour-rose);
background-color: hsl(319 15% 68%);
border-color: oklch(0.736 0.037 337.7);
}Tailwind CSS v4
@theme {
--color-parlour-rose: #baa1b2;
--color-parlour-rose-50: #fdf1f9;
--color-parlour-rose-100: #f1e3ec;
--color-parlour-rose-200: #e0ced9;
--color-parlour-rose-300: #c5b0be;
--color-parlour-rose-400: #ae96a6;
--color-parlour-rose-500: #977d8f;
--color-parlour-rose-600: #806a79;
--color-parlour-rose-700: #665561;
--color-parlour-rose-800: #4b3e47;
--color-parlour-rose-900: #342a31;
--color-parlour-rose-950: #1f181d;
}SCSS
$parlour-rose: #baa1b2;
$parlour-rose-rgb: 186, 161, 178;
$parlour-rose-light: mix(#fff, $parlour-rose, 20%);
$parlour-rose-dark: mix(#000, $parlour-rose, 20%);
.element {
color: $parlour-rose;
box-shadow: 0 0 0 2px rgba($parlour-rose, 0.35);
}