#68233F#68233F

#68233F is a dark, moderate pink. Relative luminance 0.045; OKLCH L 36.9% C 0.103 H 358.3°. Best body text is #FFFFFF at 11.05:1 contrast (WCAG AA passes).

Color values

HEX#68233F
RGBrgb(104, 35, 63)
HSLhsl(336, 50%, 27%)
HSVhsv(336, 66%, 41%)
CMYKcmyk(0%, 66.3%, 39.4%, 59.2%)
CIE-LABlab(25.27, 33.73, -1.36)
CIE-LCHlch(25.27, 33.75, 357.69°)
OKLaboklab(36.93% 0.103 -0.0031)
OKLCHoklch(36.93% 0.103 358.3)
XYZxyz(7.2076, 4.5048, 5.1916)
Luminance0.0450 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#68233F #23684C
analogous
#682362 #68233F #682A23
triadic
#68233F #3F6823 #233F68
tetradic
#68233F #626823 #23684C #2A2368
square
#68233F #626823 #23684C #2A2368
split-complementary
#68233F #23682A #236268
monochromatic
#17080E #3A1423 #68233F #96325B #C04577

Accessibility & contrast

On white

11.05
#68233F on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.90
#68233F on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #68233F
11.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##68233F#FFFFFF#000000##FFFFFF
##68233F1.0011.051.9011.05
#FFFFFF11.051.0021.001.00
#0000001.9021.001.0021.00
##FFFFFF11.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2F3440
Deuteranopia (green-blind)
#42413D
Tritanopia (blue-blind)
#711D2E
Achromatopsia (no color)
#3C3C3C

Design tokens & code

CSS
--color: #68233f;
/* rgb */ color: rgb(104, 35, 63);
/* oklch */ color: oklch(36.9% 0.103 358.3);
Tailwind
colors: {
  custom: {
    50: '#966273',
    500: '#68233f',
    950: '#000000',
  },
}
SCSS
$custom: #68233f;
$custom-light: #966273;
$custom-dark: #000000;
JSON
{
  "hex": "#68233f",
  "rgb": {
    "r": 104,
    "g": 35,
    "b": 63
  },
  "hsl": {
    "h": 335.652,
    "s": 49.64,
    "l": 27.255
  },
  "oklch": {
    "l": 0.36927,
    "c": 0.10309,
    "h": 358.3
  },
  "luminance": 0.04504
}

Semantic roles & 50–950 ramp

primary
#68233F
secondary
#4B9B7B
accent
#D9A14F
background
#F9F6F7
surface
#F2EBED
border
#CCC6C8
text
#0E0508
muted
#7E7A7B

Preview Lab

Preview with #68233F

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

Preview Lab → · Contrast checker → · Palette generator →

#68233F Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva