#262F10#262F10

#262F10 is a dark, muted yellow-green. Relative luminance 0.025; OKLCH L 28.8% C 0.052 H 123.1°. Best body text is #FFFFFF at 14.03:1 contrast (WCAG AA passes).

Color values

HEX#262F10
RGBrgb(38, 47, 16)
HSLhsl(77, 49%, 12%)
HSVhsv(77, 66%, 18%)
CMYKcmyk(19.1%, 0%, 66%, 81.6%)
CIE-LABlab(17.84, -9.94, 18.33)
CIE-LCHlch(17.84, 20.85, 118.46°)
OKLaboklab(28.83% -0.0282 0.0432)
OKLCHoklch(28.83% 0.052 123.1)
XYZxyz(1.9094, 2.4825, 0.8687)
Luminance0.0248 (WCAG relative)
Temperaturewarm
Familyyellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#262F10 #19102F
analogous
#2F2810 #262F10 #172F10
triadic
#262F10 #10262F #2F1026
tetradic
#262F10 #102F28 #19102F #2F1017
square
#262F10 #102F28 #19102F #2F1017
split-complementary
#262F10 #10172F #28102F
monochromatic
#121708 #121708 #262F10 #4B5D20 #708A2F

Accessibility & contrast

On white

14.03
#262F10 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.50
#262F10 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #262F10
14.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##262F10#FFFFFF#000000##FFFFFF
##262F101.0014.031.5014.03
#FFFFFF14.031.0021.001.00
#0000001.5021.001.0021.00
##FFFFFF14.031.0021.001.00

Color blindness preview

Protanopia (red-blind)
#322C0D
Deuteranopia (green-blind)
#312C12
Tritanopia (blue-blind)
#282C28
Achromatopsia (no color)
#2C2C2C

Design tokens & code

CSS
--color: #262f10;
/* rgb */ color: rgb(38, 47, 16);
/* oklch */ color: oklch(28.8% 0.052 123.1);
Tailwind
colors: {
  custom: {
    50: '#61674f',
    500: '#262f10',
    950: '#000000',
  },
}
SCSS
$custom: #262f10;
$custom-light: #61674f;
$custom-dark: #000000;
JSON
{
  "hex": "#262f10",
  "rgb": {
    "r": 38,
    "g": 47,
    "b": 16
  },
  "hsl": {
    "h": 77.419,
    "s": 49.206,
    "l": 12.353
  },
  "oklch": {
    "l": 0.28829,
    "c": 0.05156,
    "h": 123.1
  },
  "luminance": 0.02483
}

Semantic roles & 50–950 ramp

primary
#262F10
secondary
#423368
accent
#4FD977
background
#F5F6F4
surface
#EAEBE7
border
#C6C6C3
text
#050602
muted
#797A78

Preview Lab

Preview with #262F10

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

Preview Lab → · Contrast checker → · Palette generator →

#262F10 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva