#263131#263131

#263131 is a dark, near-neutral teal. Relative luminance 0.028; OKLCH L 30.3% C 0.015 H 196.4°. Best body text is #FFFFFF at 13.41:1 contrast (WCAG AA passes).

Color values

HEX	#263131
RGB	rgb(38, 49, 49)
HSL	hsl(180, 13%, 17%)
HSV	hsv(180, 22%, 19%)
CMYK	cmyk(22.4%, 0%, 0%, 80.8%)
CIE-LAB	lab(19.35, -4.64, -1.55)
CIE-LCH	lch(19.35, 4.89, 198.43°)
OKLab	oklab(30.3% -0.0143 -0.0042)
OKLCH	oklch(30.3% 0.015 196.4)
XYZ	xyz(2.4519, 2.8304, 3.3223)
Luminance	0.0283 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#263131 #312626

analogous

#26312C #263131 #262C31

triadic

#263131 #312631 #313126

tetradic

#263131 #2C2631 #312626 #2C3126

square

#263131 #2C2631 #312626 #2C3126

split-complementary

#263131 #31262C #312C26

monochromatic

#0D1111 #0D1111 #263131 #415353 #5B7676

Accessibility & contrast

On white

13.41

#263131 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.57

#263131 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #263131

13.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##263131	#FFFFFF	#000000	##FFFFFF
##263131	1.00	13.41	1.57	13.41
#FFFFFF	13.41	1.00	21.00	1.00
#000000	1.57	21.00	1.00	21.00
##FFFFFF	13.41	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#2F3031

Deuteranopia (green-blind)

#2D2E31

Tritanopia (blue-blind)

#233231

Achromatopsia (no color)

#2F2F2F

Design tokens & code

CSS

--color: #263131;
/* rgb */ color: rgb(38, 49, 49);
/* oklch */ color: oklch(30.3% 0.015 196.4);

Tailwind

colors: {
  custom: {
    50: '#606969',
    500: '#263131',
    950: '#000000',
  },
}

SCSS

$custom: #263131;
$custom-light: #606969;
$custom-dark: #000000;

JSON

{
  "hex": "#263131",
  "rgb": {
    "r": 38,
    "g": 49,
    "b": 49
  },
  "hsl": {
    "h": 180,
    "s": 12.644,
    "l": 17.059
  },
  "oklch": {
    "l": 0.303,
    "c": 0.01494,
    "h": 196.4
  },
  "luminance": 0.0283
}

Semantic roles & 50–950 ramp

primary

#263131

secondary

#615151

accent

#7272B6

background

#F5F6F6

surface

#E9EBEB

border

#C5C6C6

text

#050606

muted

#797A7A

Preview Lab

Preview with #263131

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

Preview Lab → · Contrast checker → · Palette generator →