#060333#060333

#060333 is a very dark, moderate blue. Relative luminance 0.003; OKLCH L 16.1% C 0.091 H 273.5°. Best body text is #FFFFFF at 19.65:1 contrast (WCAG AA passes).

Color values

HEX#060333
RGBrgb(6, 3, 51)
HSLhsl(244, 89%, 11%)
HSVhsv(244, 94%, 20%)
CMYKcmyk(88.2%, 94.1%, 0%, 80%)
CIE-LABlab(3.10, 15.53, -28.54)
CIE-LCHlch(3.10, 32.49, 298.56°)
OKLaboklab(16.06% 0.0055 -0.0905)
OKLCHoklch(16.06% 0.091 273.5)
XYZxyz(0.7050, 0.3428, 3.1603)
Luminance0.0034 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#060333 #303303
analogous
#031833 #060333 #1E0333
triadic
#060333 #330603 #033306
tetradic
#060333 #330318 #303303 #03331E
square
#060333 #330318 #303303 #03331E
split-complementary
#060333 #331E03 #183303
monochromatic
#03021D #03021D #060333 #0D066D #140AA7

Accessibility & contrast

On white

19.65
#060333 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.07
#060333 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #060333
19.65:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##060333#FFFFFF#000000##FFFFFF
##0603331.0019.651.0719.65
#FFFFFF19.651.0021.001.00
#0000001.0721.001.0021.00
##FFFFFF19.651.0021.001.00

Color blindness preview

Protanopia (red-blind)
#000E34
Deuteranopia (green-blind)
#000932
Tritanopia (blue-blind)
#00111B
Achromatopsia (no color)
#0B0B0B

Design tokens & code

CSS
--color: #060333;
/* rgb */ color: rgb(6, 3, 51);
/* oklch */ color: oklch(16.1% 0.091 273.5);
Tailwind
colors: {
  custom: {
    50: '#4c476b',
    500: '#060333',
    950: '#000000',
  },
}
SCSS
$custom: #060333;
$custom-light: #4c476b;
$custom-dark: #000000;
JSON
{
  "hex": "#060333",
  "rgb": {
    "r": 6,
    "g": 3,
    "b": 51
  },
  "hsl": {
    "h": 243.75,
    "s": 88.889,
    "l": 10.588
  },
  "oklch": {
    "l": 0.16064,
    "c": 0.09071,
    "h": 273.5
  },
  "luminance": 0.00343
}

Semantic roles & 50–950 ramp

primary
#060333
secondary
#71761C
accent
#FF29F2
background
#F4F4F6
surface
#E7E6EB
border
#C3C2C6
text
#020007
muted
#78777A

Preview Lab

Preview with #060333

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

Preview Lab → · Contrast checker → · Palette generator →

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