#25320C#25320C

#25320C is a dark, moderate yellow-green. Relative luminance 0.027; OKLCH L 29.6% C 0.061 H 126.0°. Best body text is #FFFFFF at 13.63:1 contrast (WCAG AA passes).

Color values

HEX#25320C
RGBrgb(37, 50, 12)
HSLhsl(81, 61%, 12%)
HSVhsv(81, 76%, 20%)
CMYKcmyk(26%, 0%, 76%, 80.4%)
CIE-LABlab(18.80, -12.68, 21.47)
CIE-LCHlch(18.80, 24.94, 120.55°)
OKLaboklab(29.57% -0.0362 0.0497)
OKLCHoklch(29.57% 0.061 126)
XYZxyz(1.9699, 2.7010, 0.7653)
Luminance0.0270 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#25320C #190C32
analogous
#322C0C #25320C #12320C
triadic
#25320C #0C2532 #320C25
tetradic
#25320C #0C322C #190C32 #320C12
square
#25320C #0C322C #190C32 #320C12
split-complementary
#25320C #0C1232 #2C0C32
monochromatic
#121906 #121906 #25320C #4A6318 #6E9524

Accessibility & contrast

On white

13.63
#25320C on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.54
#25320C on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #25320C
13.63:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##25320C#FFFFFF#000000##FFFFFF
##25320C1.0013.631.5413.63
#FFFFFF13.631.0021.001.00
#0000001.5421.001.0021.00
##FFFFFF13.631.0021.001.00

Color blindness preview

Protanopia (red-blind)
#352E07
Deuteranopia (green-blind)
#332E0F
Tritanopia (blue-blind)
#272F2A
Achromatopsia (no color)
#2E2E2E

Design tokens & code

CSS
--color: #25320c;
/* rgb */ color: rgb(37, 50, 12);
/* oklch */ color: oklch(29.6% 0.061 126.0);
Tailwind
colors: {
  custom: {
    50: '#616a4d',
    500: '#25320c',
    950: '#000000',
  },
}
SCSS
$custom: #25320c;
$custom-light: #616a4d;
$custom-dark: #000000;
JSON
{
  "hex": "#25320c",
  "rgb": {
    "r": 37,
    "g": 50,
    "b": 12
  },
  "hsl": {
    "h": 80.526,
    "s": 61.29,
    "l": 12.157
  },
  "oklch": {
    "l": 0.29571,
    "c": 0.06148,
    "h": 126
  },
  "luminance": 0.02701
}

Semantic roles & 50–950 ramp

primary
#25320C
secondary
#422C6E
accent
#43E47A
background
#F5F6F4
surface
#EAEBE7
border
#C6C6C3
text
#050601
muted
#797A77

Preview Lab

Preview with #25320C

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

Preview Lab → · Contrast checker → · Palette generator →

#25320C Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva