#953274#953274

#953274 is a mid, vivid pink. Relative luminance 0.099; OKLCH L 48.3% C 0.152 H 343.4°. Best body text is #FFFFFF at 7.03:1 contrast (WCAG AA passes).

Color values

HEX	#953274
RGB	rgb(149, 50, 116)
HSL	hsl(320, 50%, 39%)
HSV	hsv(320, 66%, 58%)
CMYK	cmyk(0%, 66.4%, 22.1%, 41.6%)
CIE-LAB	lab(37.72, 48.42, -16.24)
CIE-LCH	lch(37.72, 51.07, 341.46°)
OKLab	oklab(48.31% 0.1453 -0.0433)
OKLCH	oklch(48.31% 0.152 343.4)
XYZ	xyz(16.6879, 9.9333, 17.5581)
Luminance	0.0993 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#953274 #329553

analogous

#853295 #953274 #953243

triadic

#953274 #749532 #327495

tetradic

#953274 #958532 #329553 #324395

square

#953274 #958532 #329553 #324395

split-complementary

#953274 #439532 #329585

monochromatic

#39132D #672350 #953274 #C04497 #D072B0

Accessibility & contrast

On white

7.03

#953274 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.99

#953274 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #953274

7.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##953274	#FFFFFF	#000000	##FFFFFF
##953274	1.00	7.03	2.99	7.03
#FFFFFF	7.03	1.00	21.00	1.00
#000000	2.99	21.00	1.00	21.00
##FFFFFF	7.03	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#3B4E76

Deuteranopia (green-blind)

#585F72

Tritanopia (blue-blind)

#9E324E

Achromatopsia (no color)

#595959

Design tokens & code

CSS

--color: #953274;
/* rgb */ color: rgb(149, 50, 116);
/* oklch */ color: oklch(48.3% 0.152 343.4);

Tailwind

colors: {
  custom: {
    50: '#b7719c',
    500: '#953274',
    950: '#000000',
  },
}

SCSS

$custom: #953274;
$custom-light: #b7719c;
$custom-dark: #000000;

JSON

{
  "hex": "#953274",
  "rgb": {
    "r": 149,
    "g": 50,
    "b": 116
  },
  "hsl": {
    "h": 320,
    "s": 49.749,
    "l": 39.02
  },
  "oklch": {
    "l": 0.48307,
    "c": 0.15162,
    "h": 343.4
  },
  "luminance": 0.09932
}

Semantic roles & 50–950 ramp

primary

#953274

secondary

#6BB885

accent

#D97D4F

background

#FBF7F9

surface

#F6EDF2

border

#D0C8CC

text

#12080E

muted

#817B7E

Preview Lab

Preview with #953274

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

Preview Lab → · Contrast checker → · Palette generator →