#423E3E#423E3E

#423E3E is a dark, near-neutral grey. Relative luminance 0.050; OKLCH L 36.8% C 0.005 H 17.4°. Best body text is #FFFFFF at 10.55:1 contrast (WCAG AA passes).

Color values

HEX#423E3E
RGBrgb(66, 62, 62)
HSLhsl(0, 3%, 25%)
HSVhsv(0, 6%, 26%)
CMYKcmyk(0%, 6.1%, 6.1%, 74.1%)
CIE-LABlab(26.60, 1.71, 0.61)
CIE-LCHlch(26.60, 1.82, 19.71°)
OKLaboklab(36.79% 0.0053 0.0017)
OKLCHoklch(36.79% 0.006 17.4)
XYZxyz(4.8388, 4.9513, 5.2573)
Luminance0.0495 (WCAG relative)
Temperatureneutral
Familygrey

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#423E3E #3E4242
analogous
#423E40 #423E3E #42403E
triadic
#423E3E #3E423E #3E3E42
tetradic
#423E3E #40423E #3E4242 #403E42
square
#423E3E #40423E #3E4242 #403E42
split-complementary
#423E3E #3E4240 #3E4042
monochromatic
#100F0F #222020 #423E3E #625C5C #817979

Accessibility & contrast

On white

10.55
#423E3E on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.99
#423E3E on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #423E3E
10.55:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##423E3E#FFFFFF#000000##FFFFFF
##423E3E1.0010.551.9910.55
#FFFFFF10.551.0021.001.00
#0000001.9921.001.0021.00
##FFFFFF10.551.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3F3E3E
Deuteranopia (green-blind)
#403F3E
Tritanopia (blue-blind)
#433E3E
Achromatopsia (no color)
#3F3F3F

Design tokens & code

CSS
--color: #423e3e;
/* rgb */ color: rgb(66, 62, 62);
/* oklch */ color: oklch(36.8% 0.005 17.4);
Tailwind
colors: {
  custom: {
    50: '#767373',
    500: '#423e3e',
    950: '#000000',
  },
}
SCSS
$custom: #423e3e;
$custom-light: #767373;
$custom-dark: #000000;
JSON
{
  "hex": "#423e3e",
  "rgb": {
    "r": 66,
    "g": 62,
    "b": 62
  },
  "hsl": {
    "h": 0,
    "s": 3.125,
    "l": 25.098
  },
  "oklch": {
    "l": 0.36785,
    "c": 0.0055,
    "h": 17.4
  },
  "luminance": 0.04951
}

Semantic roles & 50–950 ramp

primary
#423E3E
secondary
#6B7070
accent
#ACAC7B
background
#F7F6F6
surface
#EDECEC
border
#C8C7C7
text
#080808
muted
#7B7B7B

Preview Lab

Preview with #423E3E

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

Preview Lab → · Contrast checker → · Palette generator →

#423E3E Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva