#070306#070306

#070306 is a very dark, near-neutral pink. Relative luminance 0.001; OKLCH L 10.9% C 0.016 H 334.4°. Best body text is #FFFFFF at 20.50:1 contrast (WCAG AA passes).

Color values

HEX	#070306
RGB	rgb(7, 3, 6)
HSL	hsl(315, 40%, 2%)
HSV	hsv(315, 57%, 3%)
CMYK	cmyk(0%, 57.1%, 14.3%, 97.3%)
CIE-LAB	lab(1.12, 1.46, -0.77)
CIE-LCH	lch(1.12, 1.65, 332.38°)
OKLab	oklab(10.92% 0.0142 -0.0068)
OKLCH	oklch(10.92% 0.016 334.4)
XYZ	xyz(0.1531, 0.1235, 0.1880)
Luminance	0.0012 (WCAG relative)
Temperature	warm
Family	pink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#070306 #030704

analogous

#060307 #070306 #070304

triadic

#070306 #060703 #030607

tetradic

#070306 #070603 #030704 #030407

square

#070306 #070603 #030704 #030407

split-complementary

#070306 #040703 #030706

monochromatic

#150912 #150912 #150912 #32152B #5D284F

Accessibility & contrast

On white

20.50

#070306 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.02

#070306 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #070306

20.50:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##070306	#FFFFFF	#000000	##FFFFFF
##070306	1.00	20.50	1.02	20.50
#FFFFFF	20.50	1.00	21.00	1.00
#000000	1.02	21.00	1.00	21.00
##FFFFFF	20.50	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#030406

Deuteranopia (green-blind)

#040406

Tritanopia (blue-blind)

#070304

Achromatopsia (no color)

#040404

Design tokens & code

CSS

--color: #070306;
/* rgb */ color: rgb(7, 3, 6);
/* oklch */ color: oklch(10.9% 0.016 334.4);

Tailwind

colors: {
  custom: {
    50: '#4a4849',
    500: '#070306',
    950: '#000000',
  },
}

SCSS

$custom: #070306;
$custom-light: #4a4849;
$custom-dark: #000000;

JSON

{
  "hex": "#070306",
  "rgb": {
    "r": 7,
    "g": 3,
    "b": 6
  },
  "hsl": {
    "h": 315,
    "s": 40,
    "l": 1.961
  },
  "oklch": {
    "l": 0.10923,
    "c": 0.01574,
    "h": 334.4
  },
  "luminance": 0.00123
}

Semantic roles & 50–950 ramp

primary

#070306

secondary

#25412C

accent

#D07658

background

#F4F4F4

surface

#E7E6E6

border

#C3C2C2

text

#010000

muted

#777777

Preview Lab

Preview with #070306

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

Preview Lab → · Contrast checker → · Palette generator →