#BA3685#BA3685

#BA3685 is a mid, vivid pink. Relative luminance 0.148; OKLCH L 55.3% C 0.185 H 348.1°. Best body text is #FFFFFF at 5.31:1 contrast (WCAG AA passes).

Color values

HEX#BA3685
RGBrgb(186, 54, 133)
HSLhsl(324, 55%, 47%)
HSVhsv(324, 71%, 73%)
CMYKcmyk(0%, 71%, 28.5%, 27.1%)
CIE-LABlab(45.32, 59.43, -14.54)
CIE-LCHlch(45.32, 61.19, 346.25°)
OKLaboklab(55.31% 0.1808 -0.0382)
OKLCHoklch(55.31% 0.185 348.1)
XYZxyz(25.8037, 14.7737, 23.6785)
Luminance0.1477 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BA3685 #36BA6B
analogous
#AD36BA #BA3685 #BA3643
triadic
#BA3685 #85BA36 #3685BA
tetradic
#BA3685 #BAAD36 #36BA6B #3643BA
square
#BA3685 #BAAD36 #36BA6B #3643BA
split-complementary
#BA3685 #43BA36 #36BAAD
monochromatic
#5B1A41 #8B2863 #BA3685 #D05DA2 #DE8DBD

Accessibility & contrast

On white

5.31
#BA3685 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.95
#BA3685 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BA3685
5.31:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BA3685#FFFFFF#000000##FFFFFF
##BA36851.005.313.955.31
#FFFFFF5.311.0021.001.00
#0000003.9521.001.0021.00
##FFFFFF5.311.0021.001.00

Color blindness preview

Protanopia (red-blind)
#485D87
Deuteranopia (green-blind)
#6F7482
Tritanopia (blue-blind)
#C73159
Achromatopsia (no color)
#6B6B6B

Design tokens & code

CSS
--color: #ba3685;
/* rgb */ color: rgb(186, 54, 133);
/* oklch */ color: oklch(55.3% 0.185 348.1);
Tailwind
colors: {
  custom: {
    50: '#d378a8',
    500: '#ba3685',
    950: '#000000',
  },
}
SCSS
$custom: #ba3685;
$custom-light: #d378a8;
$custom-dark: #000000;
JSON
{
  "hex": "#ba3685",
  "rgb": {
    "r": 186,
    "g": 54,
    "b": 133
  },
  "hsl": {
    "h": 324.091,
    "s": 55,
    "l": 47.059
  },
  "oklch": {
    "l": 0.55306,
    "c": 0.18478,
    "h": 348.1
  },
  "luminance": 0.14771
}

Semantic roles & 50–950 ramp

primary
#BA3685
secondary
#84C89F
accent
#DE8549
background
#FDF7FA
surface
#FBEEF4
border
#D4C9CE
text
#150A0F
muted
#837C7F

Preview Lab

Preview with #BA3685

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#BA3685 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva