#632645#632645

#632645 is a dark, moderate pink. Relative luminance 0.045; OKLCH L 36.7% C 0.096 H 351.2°. Best body text is #FFFFFF at 11.09:1 contrast (WCAG AA passes).

Color values

HEX#632645
RGBrgb(99, 38, 69)
HSLhsl(330, 45%, 27%)
HSVhsv(330, 62%, 39%)
CMYKcmyk(0%, 61.6%, 30.3%, 61.2%)
CIE-LABlab(25.17, 31.28, -5.67)
CIE-LCHlch(25.17, 31.78, 349.73°)
OKLaboklab(36.74% 0.0948 -0.0147)
OKLCHoklch(36.74% 0.096 351.2)
XYZxyz(6.9132, 4.4692, 6.1276)
Luminance0.0447 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#632645 #266344
analogous
#632663 #632645 #632627
triadic
#632645 #456326 #264563
tetradic
#632645 #636326 #266344 #262763
square
#632645 #636326 #266344 #262763
split-complementary
#632645 #276326 #266363
monochromatic
#16080F #371526 #632645 #8F3764 #B94A83

Accessibility & contrast

On white

11.09
#632645 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.89
#632645 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #632645
11.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##632645#FFFFFF#000000##FFFFFF
##6326451.0011.091.8911.09
#FFFFFF11.091.0021.001.00
#0000001.8921.001.0021.00
##FFFFFF11.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2E3546
Deuteranopia (green-blind)
#3F4044
Tritanopia (blue-blind)
#6A2332
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #632645;
/* rgb */ color: rgb(99, 38, 69);
/* oklch */ color: oklch(36.7% 0.096 351.2);
Tailwind
colors: {
  custom: {
    50: '#926478',
    500: '#632645',
    950: '#000000',
  },
}
SCSS
$custom: #632645;
$custom-light: #926478;
$custom-dark: #000000;
JSON
{
  "hex": "#632645",
  "rgb": {
    "r": 99,
    "g": 38,
    "b": 69
  },
  "hsl": {
    "h": 329.508,
    "s": 44.526,
    "l": 26.863
  },
  "oklch": {
    "l": 0.36744,
    "c": 0.09593,
    "h": 351.2
  },
  "luminance": 0.04469
}

Semantic roles & 50–950 ramp

primary
#632645
secondary
#4F9672
accent
#D49354
background
#F9F6F7
surface
#F1EBED
border
#CBC6C8
text
#0D0509
muted
#7E7A7B

Preview Lab

Preview with #632645

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

Preview Lab → · Contrast checker → · Palette generator →

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