#25260E#25260E

#25260E is a dark, muted yellow. Relative luminance 0.018; OKLCH L 26.1% C 0.040 H 111.0°. Best body text is #FFFFFF at 15.42:1 contrast (WCAG AA passes).

Color values

HEX	#25260E
RGB	rgb(37, 38, 14)
HSL	hsl(63, 46%, 10%)
HSV	hsv(63, 63%, 15%)
CMYK	cmyk(2.6%, 0%, 63.2%, 85.1%)
CIE-LAB	lab(14.46, -4.92, 15.15)
CIE-LCH	lch(14.46, 15.93, 107.97°)
OKLab	oklab(26.09% -0.0142 0.037)
OKLCH	oklch(26.09% 0.04 111)
XYZ	xyz(1.5354, 1.8113, 0.6841)
Luminance	0.0181 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#25260E #0F0E26

analogous

#261B0E #25260E #19260E

triadic

#25260E #0E2526 #260E25

tetradic

#25260E #0E261B #0F0E26 #260E19

square

#25260E #0E261B #0F0E26 #260E19

split-complementary

#25260E #0E1926 #1B0E26

monochromatic

#161608 #161608 #25260E #51531E #7C7F2F

Accessibility & contrast

On white

15.42

#25260E on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.36

#25260E on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #25260E

15.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##25260E	#FFFFFF	#000000	##FFFFFF
##25260E	1.00	15.42	1.36	15.42
#FFFFFF	15.42	1.00	21.00	1.00
#000000	1.36	21.00	1.00	21.00
##FFFFFF	15.42	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#29240C

Deuteranopia (green-blind)

#29250F

Tritanopia (blue-blind)

#282420

Achromatopsia (no color)

#252525

Design tokens & code

CSS

--color: #25260e;
/* rgb */ color: rgb(37, 38, 14);
/* oklch */ color: oklch(26.1% 0.040 111.0);

Tailwind

colors: {
  custom: {
    50: '#60604d',
    500: '#25260e',
    950: '#000000',
  },
}

SCSS

$custom: #25260e;
$custom-light: #60604d;
$custom-dark: #000000;

JSON

{
  "hex": "#25260e",
  "rgb": {
    "r": 37,
    "g": 38,
    "b": 14
  },
  "hsl": {
    "h": 62.5,
    "s": 46.154,
    "l": 10.196
  },
  "oklch": {
    "l": 0.26091,
    "c": 0.0396,
    "h": 111
  },
  "luminance": 0.01811
}

Semantic roles & 50–950 ramp

primary

#25260E

secondary

#33315F

accent

#52D657

background

#F5F5F4

surface

#E9E9E7

border

#C5C5C3

text

#050401

muted

#797977

Preview Lab

Preview with #25260E

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

Preview Lab → · Contrast checker → · Palette generator →