#030500#030500

#030500 is a very dark, muted yellow-green. Relative luminance 0.001; OKLCH L 10.7% C 0.026 H 123.2°. Best body text is #FFFFFF at 20.48:1 contrast (WCAG AA passes).

Color values

HEX	#030500
RGB	rgb(3, 5, 0)
HSL	hsl(84, 100%, 1%)
HSV	hsv(84, 100%, 2%)
CMYK	cmyk(40%, 0%, 100%, 98%)
CIE-LAB	lab(1.16, -1.22, 1.71)
CIE-LCH	lch(1.16, 2.10, 125.51°)
OKLab	oklab(10.69% -0.0144 0.022)
OKLCH	oklch(10.69% 0.026 123.2)
XYZ	xyz(0.0918, 0.1279, 0.0198)
Luminance	0.0013 (WCAG relative)
Temperature	warm
Family	yellow-green

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#030500 #020005

analogous

#050400 #030500 #000500

triadic

#030500 #000305 #050003

tetradic

#030500 #000504 #020005 #050000

square

#030500 #000504 #020005 #050000

split-complementary

#030500 #000005 #040005

monochromatic

#121F00 #121F00 #121F00 #284200 #4C7F00

Accessibility & contrast

On white

20.48

#030500 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.03

#030500 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #030500

20.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##030500	#FFFFFF	#000000	##FFFFFF
##030500	1.00	20.48	1.03	20.48
#FFFFFF	20.48	1.00	21.00	1.00
#000000	1.03	21.00	1.00	21.00
##FFFFFF	20.48	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#060400

Deuteranopia (green-blind)

#050400

Tritanopia (blue-blind)

#030403

Achromatopsia (no color)

#040404

Design tokens & code

CSS

--color: #030500;
/* rgb */ color: rgb(3, 5, 0);
/* oklch */ color: oklch(10.7% 0.026 123.2);

Tailwind

colors: {
  custom: {
    50: '#484947',
    500: '#030500',
    950: '#000000',
  },
}

SCSS

$custom: #030500;
$custom-light: #484947;
$custom-dark: #000000;

JSON

{
  "hex": "#030500",
  "rgb": {
    "r": 3,
    "g": 5,
    "b": 0
  },
  "hsl": {
    "h": 84,
    "s": 100,
    "l": 0.98
  },
  "oklch": {
    "l": 0.10691,
    "c": 0.0263,
    "h": 123.2
  },
  "luminance": 0.00128
}

Semantic roles & 50–950 ramp

primary

#030500

secondary

#2A0F52

accent

#29FF7E

background

#F4F4F3

surface

#E6E6E5

border

#C2C2C1

text

#000000

muted

#777777

Preview Lab

Preview with #030500

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

Preview Lab → · Contrast checker → · Palette generator →