#2C2200#2C2200

#2C2200 is a dark, muted yellow. Relative luminance 0.017; OKLCH L 25.6% C 0.052 H 92.5°. Best body text is #FFFFFF at 15.72:1 contrast (WCAG AA passes).

Color values

HEX#2C2200
RGBrgb(44, 34, 0)
HSLhsl(46, 100%, 9%)
HSVhsv(46, 100%, 17%)
CMYKcmyk(0%, 22.7%, 100%, 82.7%)
CIE-LABlab(13.71, 0.38, 20.21)
CIE-LCHlch(13.71, 20.21, 88.91°)
OKLaboklab(25.63% -0.0023 0.0524)
OKLCHoklch(25.63% 0.052 92.5)
XYZxyz(1.6108, 1.6796, 0.2394)
Luminance0.0168 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2C2200 #000A2C
analogous
#2C0C00 #2C2200 #202C00
triadic
#2C2200 #002C22 #22002C
tetradic
#2C2200 #002C0C #000A2C #2C0020
square
#2C2200 #002C0C #000A2C #2C0020
split-complementary
#2C2200 #00202C #0C002C
monochromatic
#1F1800 #1F1800 #2C2200 #695100 #A68100

Accessibility & contrast

On white

15.72
#2C2200 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.34
#2C2200 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2C2200
15.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2C2200#FFFFFF#000000##FFFFFF
##2C22001.0015.721.3415.72
#FFFFFF15.721.0021.001.00
#0000001.3421.001.0021.00
##FFFFFF15.721.0021.001.00

Color blindness preview

Protanopia (red-blind)
#272100
Deuteranopia (green-blind)
#2A2401
Tritanopia (blue-blind)
#311E1B
Achromatopsia (no color)
#232323

Design tokens & code

CSS
--color: #2c2200;
/* rgb */ color: rgb(44, 34, 0);
/* oklch */ color: oklch(25.6% 0.052 92.5);
Tailwind
colors: {
  custom: {
    50: '#665c46',
    500: '#2c2200',
    950: '#000000',
  },
}
SCSS
$custom: #2c2200;
$custom-light: #665c46;
$custom-dark: #000000;
JSON
{
  "hex": "#2c2200",
  "rgb": {
    "r": 44,
    "g": 34,
    "b": 0
  },
  "hsl": {
    "h": 46.364,
    "s": 100,
    "l": 8.627
  },
  "oklch": {
    "l": 0.25627,
    "c": 0.05244,
    "h": 92.5
  },
  "luminance": 0.0168
}

Semantic roles & 50–950 ramp

primary
#2C2200
secondary
#142A73
accent
#59FF29
background
#F6F5F3
surface
#EBE9E5
border
#C6C5C1
text
#060400
muted
#7A7977

Preview Lab

Preview with #2C2200

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

Preview Lab → · Contrast checker → · Palette generator →

#2C2200 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva