#030200#030200

#030200 is a very dark, near-neutral orange. Relative luminance 0.001; OKLCH L 8.6% C 0.018 H 94.5°. Best body text is #FFFFFF at 20.74:1 contrast (WCAG AA passes).

Color values

HEX	#030200
RGB	rgb(3, 2, 0)
HSL	hsl(40, 100%, 1%)
HSV	hsv(40, 100%, 1%)
CMYK	cmyk(0%, 33.3%, 100%, 98.8%)
CIE-LAB	lab(0.57, -0.02, 0.85)
CIE-LCH	lch(0.57, 0.85, 91.08°)
OKLab	oklab(8.56% -0.0014 0.0175)
OKLCH	oklch(8.56% 0.018 94.5)
XYZ	xyz(0.0593, 0.0628, 0.0090)
Luminance	0.0006 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#030200 #000103

analogous

#030000 #030200 #020300

triadic

#030200 #000302 #020003

tetradic

#030200 #000300 #000103 #030002

square

#030200 #000300 #000103 #030002

split-complementary

#030200 #000203 #000003

monochromatic

#1F1400 #1F1400 #1F1400 #402B00 #7D5400

Accessibility & contrast

On white

20.74

#030200 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.01

#030200 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #030200

20.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##030200	#FFFFFF	#000000	##FFFFFF
##030200	1.00	20.74	1.01	20.74
#FFFFFF	20.74	1.00	21.00	1.00
#000000	1.01	21.00	1.00	21.00
##FFFFFF	20.74	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#030200

Deuteranopia (green-blind)

#030200

Tritanopia (blue-blind)

#040201

Achromatopsia (no color)

#020202

Design tokens & code

CSS

--color: #030200;
/* rgb */ color: rgb(3, 2, 0);
/* oklch */ color: oklch(8.6% 0.018 94.5);

Tailwind

colors: {
  custom: {
    50: '#484847',
    500: '#030200',
    950: '#000000',
  },
}

SCSS

$custom: #030200;
$custom-light: #484847;
$custom-dark: #000000;

JSON

{
  "hex": "#030200",
  "rgb": {
    "r": 3,
    "g": 2,
    "b": 0
  },
  "hsl": {
    "h": 40,
    "s": 100,
    "l": 0.588
  },
  "oklch": {
    "l": 0.0856,
    "c": 0.01757,
    "h": 94.5
  },
  "luminance": 0.00063
}

Semantic roles & 50–950 ramp

primary

#030200

secondary

#0E2451

accent

#70FF29

background

#F4F4F3

surface

#E6E6E5

border

#C2C2C1

text

#000000

muted

#777777

Preview Lab

Preview with #030200

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

Preview Lab → · Contrast checker → · Palette generator →