#69352E#69352E

#69352E is a dark, moderate red. Relative luminance 0.057; OKLCH L 39.4% C 0.076 H 28.9°. Best body text is #FFFFFF at 9.77:1 contrast (WCAG AA passes).

Color values

HEX#69352E
RGBrgb(105, 53, 46)
HSLhsl(7, 39%, 30%)
HSVhsv(7, 56%, 41%)
CMYKcmyk(0%, 49.5%, 56.2%, 58.8%)
CIE-LABlab(28.77, 22.38, 14.87)
CIE-LCHlch(28.77, 26.87, 33.60°)
OKLaboklab(39.44% 0.0663 0.0366)
OKLCHoklch(39.44% 0.076 28.9)
XYZxyz(7.5925, 5.7475, 3.2938)
Luminance0.0575 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69352E #2E6269
analogous
#692E44 #69352E #69532E
triadic
#69352E #2E6935 #352E69
tetradic
#69352E #44692E #2E6269 #532E69
square
#69352E #44692E #2E6269 #532E69
split-complementary
#69352E #2E6953 #2E4469
monochromatic
#150B09 #3E201B #69352E #944A41 #B7655A

Accessibility & contrast

On white

9.77
#69352E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.15
#69352E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #69352E
9.77:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69352E#FFFFFF#000000##FFFFFF
##69352E1.009.772.159.77
#FFFFFF9.771.0021.001.00
#0000002.1521.001.0021.00
##FFFFFF9.771.0021.001.00

Color blindness preview

Protanopia (red-blind)
#413D2D
Deuteranopia (green-blind)
#4E482D
Tritanopia (blue-blind)
#722D33
Achromatopsia (no color)
#444444

Design tokens & code

CSS
--color: #69352e;
/* rgb */ color: rgb(105, 53, 46);
/* oklch */ color: oklch(39.4% 0.076 28.9);
Tailwind
colors: {
  custom: {
    50: '#976d66',
    500: '#69352e',
    950: '#000000',
  },
}
SCSS
$custom: #69352e;
$custom-light: #976d66;
$custom-dark: #000000;
JSON
{
  "hex": "#69352e",
  "rgb": {
    "r": 105,
    "g": 53,
    "b": 46
  },
  "hsl": {
    "h": 7.119,
    "s": 39.073,
    "l": 29.608
  },
  "oklch": {
    "l": 0.39442,
    "c": 0.07575,
    "h": 28.9
  },
  "luminance": 0.05747
}

Semantic roles & 50–950 ramp

primary
#69352E
secondary
#58939B
accent
#C1CF59
background
#F9F6F6
surface
#F2EBEB
border
#CCC6C6
text
#0E0706
muted
#7E7A7A

Preview Lab

Preview with #69352E

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

Preview Lab → · Contrast checker → · Palette generator →

#69352E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva