#063604#063604

#063604 is a dark, moderate green. Relative luminance 0.027; OKLCH L 29.1% C 0.092 H 142.2°. Best body text is #FFFFFF at 13.66:1 contrast (WCAG AA passes).

Color values

HEX#063604
RGBrgb(6, 54, 4)
HSLhsl(118, 86%, 11%)
HSVhsv(118, 93%, 21%)
CMYKcmyk(88.9%, 0%, 92.6%, 78.8%)
CIE-LABlab(18.74, -26.70, 24.32)
CIE-LCHlch(18.74, 36.12, 137.68°)
OKLaboklab(29.08% -0.0726 0.0563)
OKLCHoklch(29.08% 0.092 142.2)
XYZxyz(1.4161, 2.6857, 0.5586)
Luminance0.0269 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#063604 #340436
analogous
#1F3604 #063604 #04361B
triadic
#063604 #040636 #360406
tetradic
#063604 #041F36 #340436 #361B04
square
#063604 #041F36 #340436 #361B04
split-complementary
#063604 #1B0436 #36041F
monochromatic
#031C02 #031C02 #063604 #0C6F08 #13A80C

Accessibility & contrast

On white

13.66
#063604 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.54
#063604 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #063604
13.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##063604#FFFFFF#000000##FFFFFF
##0636041.0013.661.5413.66
#FFFFFF13.661.0021.001.00
#0000001.5421.001.0021.00
##FFFFFF13.661.0021.001.00

Color blindness preview

Protanopia (red-blind)
#373000
Deuteranopia (green-blind)
#322C09
Tritanopia (blue-blind)
#00342D
Achromatopsia (no color)
#2E2E2E

Design tokens & code

CSS
--color: #063604;
/* rgb */ color: rgb(6, 54, 4);
/* oklch */ color: oklch(29.1% 0.092 142.2);
Tailwind
colors: {
  custom: {
    50: '#506e49',
    500: '#063604',
    950: '#000000',
  },
}
SCSS
$custom: #063604;
$custom-light: #506e49;
$custom-dark: #000000;
JSON
{
  "hex": "#063604",
  "rgb": {
    "r": 6,
    "g": 54,
    "b": 4
  },
  "hsl": {
    "h": 117.6,
    "s": 86.207,
    "l": 11.373
  },
  "oklch": {
    "l": 0.29075,
    "c": 0.09191,
    "h": 142.2
  },
  "luminance": 0.02686
}

Semantic roles & 50–950 ramp

primary
#063604
secondary
#741E78
accent
#2BFCF4
background
#F4F6F4
surface
#E7ECE7
border
#C3C7C3
text
#020701
muted
#787A77

Preview Lab

Preview with #063604

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

Preview Lab → · Contrast checker → · Palette generator →

#063604 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva