#030646#030646

#030646 is a very dark, moderate blue. Relative luminance 0.006; OKLCH L 19.2% C 0.114 H 266.9°. Best body text is #FFFFFF at 18.78:1 contrast (WCAG AA passes).

Color values

HEX#030646
RGBrgb(3, 6, 70)
HSLhsl(237, 92%, 14%)
HSVhsv(237, 96%, 27%)
CMYKcmyk(95.7%, 91.4%, 0%, 72.5%)
CIE-LABlab(5.34, 24.68, -38.64)
CIE-LCHlch(5.34, 45.85, 302.56°)
OKLaboklab(19.22% -0.0063 -0.1137)
OKLCHoklch(19.22% 0.114 266.9)
XYZxyz(1.2078, 0.5916, 5.8437)
Luminance0.0059 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#030646 #464303
analogous
#032846 #030646 #220346
triadic
#030646 #460306 #064603
tetradic
#030646 #460328 #464303 #034622
square
#030646 #460328 #464303 #034622
split-complementary
#030646 #462203 #284603
monochromatic
#01031D #01031D #030646 #060B81 #0810BB

Accessibility & contrast

On white

18.78
#030646 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.12
#030646 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #030646
18.78:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##030646#FFFFFF#000000##FFFFFF
##0306461.0018.781.1218.78
#FFFFFF18.781.0021.001.00
#0000001.1221.001.0021.00
##FFFFFF18.781.0021.001.00

Color blindness preview

Protanopia (red-blind)
#001548
Deuteranopia (green-blind)
#000E45
Tritanopia (blue-blind)
#001B27
Achromatopsia (no color)
#121212

Design tokens & code

CSS
--color: #030646;
/* rgb */ color: rgb(3, 6, 70);
/* oklch */ color: oklch(19.2% 0.114 266.9);
Tailwind
colors: {
  custom: {
    50: '#54487a',
    500: '#030646',
    950: '#000000',
  },
}
SCSS
$custom: #030646;
$custom-light: #54487a;
$custom-dark: #000000;
JSON
{
  "hex": "#030646",
  "rgb": {
    "r": 3,
    "g": 6,
    "b": 70
  },
  "hsl": {
    "h": 237.313,
    "s": 91.781,
    "l": 14.314
  },
  "oklch": {
    "l": 0.19216,
    "c": 0.11392,
    "h": 266.9
  },
  "luminance": 0.00592
}

Semantic roles & 50–950 ramp

primary
#030646
secondary
#87831D
accent
#F529FF
background
#F5F4F7
surface
#E9E6EE
border
#C5C2C9
text
#030009
muted
#78777B

Preview Lab

Preview with #030646

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

Preview Lab → · Contrast checker → · Palette generator →

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