#69142B#69142B

#69142B is a dark, moderate pink. Relative luminance 0.037; OKLCH L 34.8% C 0.118 H 10.5°. Best body text is #FFFFFF at 12.10:1 contrast (WCAG AA passes).

Color values

HEX#69142B
RGBrgb(105, 20, 43)
HSLhsl(344, 68%, 25%)
HSVhsv(344, 81%, 41%)
CMYKcmyk(0%, 81%, 59%, 58.8%)
CIE-LABlab(22.58, 38.31, 8.54)
CIE-LCHlch(22.58, 39.25, 12.57°)
OKLaboklab(34.77% 0.1161 0.0215)
OKLCHoklch(34.77% 0.118 10.5)
XYZxyz(6.5125, 3.6789, 2.6522)
Luminance0.0368 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69142B #146952
analogous
#691456 #69142B #692814
triadic
#69142B #2B6914 #142B69
tetradic
#69142B #566914 #146952 #281469
square
#69142B #566914 #146952 #281469
split-complementary
#69142B #146928 #145669
monochromatic
#1A050B #360A16 #69142B #9C1E40 #D02855

Accessibility & contrast

On white

12.10
#69142B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.74
#69142B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #69142B
12.10:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69142B#FFFFFF#000000##FFFFFF
##69142B1.0012.101.7412.10
#FFFFFF12.101.0021.001.00
#0000001.7421.001.0021.00
##FFFFFF12.101.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2B2B2B
Deuteranopia (green-blind)
#413C29
Tritanopia (blue-blind)
#73001E
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #69142b;
/* rgb */ color: rgb(105, 20, 43);
/* oklch */ color: oklch(34.8% 0.118 10.5);
Tailwind
colors: {
  custom: {
    50: '#995b64',
    500: '#69142b',
    950: '#000000',
  },
}
SCSS
$custom: #69142b;
$custom-light: #995b64;
$custom-dark: #000000;
JSON
{
  "hex": "#69142b",
  "rgb": {
    "r": 105,
    "g": 20,
    "b": 43
  },
  "hsl": {
    "h": 343.765,
    "s": 68,
    "l": 24.51
  },
  "oklch": {
    "l": 0.34772,
    "c": 0.11809,
    "h": 10.5
  },
  "luminance": 0.03678
}

Semantic roles & 50–950 ramp

primary
#69142B
secondary
#39A084
accent
#EBBC3D
background
#F9F5F5
surface
#F2E9EA
border
#CCC5C6
text
#0F0405
muted
#7E7979

Preview Lab

Preview with #69142B

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

Preview Lab → · Contrast checker → · Palette generator →

#69142B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva