#06093A#06093A

#06093A is a very dark, moderate blue. Relative luminance 0.005; OKLCH L 18.4% C 0.092 H 270.1°. Best body text is #FFFFFF at 18.95:1 contrast (WCAG AA passes).

Color values

HEX#06093A
RGBrgb(6, 9, 58)
HSLhsl(237, 81%, 13%)
HSVhsv(237, 90%, 23%)
CMYKcmyk(89.7%, 84.5%, 0%, 77.3%)
CIE-LABlab(4.87, 17.21, -30.81)
CIE-LCHlch(4.87, 35.29, 299.19°)
OKLaboklab(18.35% 0.0002 -0.0919)
OKLCHoklch(18.35% 0.092 270.1)
XYZxyz(0.9363, 0.5395, 4.0570)
Luminance0.0054 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#06093A #3A3706
analogous
#06233A #06093A #1D063A
triadic
#06093A #3A0609 #093A06
tetradic
#06093A #3A0623 #3A3706 #063A1D
square
#06093A #3A0623 #3A3706 #063A1D
split-complementary
#06093A #3A1D06 #233A06
monochromatic
#03041C #03041C #06093A #0C1271 #111AA9

Accessibility & contrast

On white

18.95
#06093A on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.11
#06093A on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #06093A
18.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##06093A#FFFFFF#000000##FFFFFF
##06093A1.0018.951.1118.95
#FFFFFF18.951.0021.001.00
#0000001.1121.001.0021.00
##FFFFFF18.951.0021.001.00

Color blindness preview

Protanopia (red-blind)
#00133B
Deuteranopia (green-blind)
#000E39
Tritanopia (blue-blind)
#001720
Achromatopsia (no color)
#111111

Design tokens & code

CSS
--color: #06093a;
/* rgb */ color: rgb(6, 9, 58);
/* oklch */ color: oklch(18.4% 0.092 270.1);
Tailwind
colors: {
  custom: {
    50: '#504a71',
    500: '#06093a',
    950: '#000000',
  },
}
SCSS
$custom: #06093a;
$custom-light: #504a71;
$custom-dark: #000000;
JSON
{
  "hex": "#06093a",
  "rgb": {
    "r": 6,
    "g": 9,
    "b": 58
  },
  "hsl": {
    "h": 236.538,
    "s": 81.25,
    "l": 12.549
  },
  "oklch": {
    "l": 0.18351,
    "c": 0.09188,
    "h": 270.1
  },
  "luminance": 0.0054
}

Semantic roles & 50–950 ramp

primary
#06093A
secondary
#7A7522
accent
#EC30F8
background
#F4F4F6
surface
#E7E7EC
border
#C3C3C7
text
#020107
muted
#78777A

Preview Lab

Preview with #06093A

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

Preview Lab → · Contrast checker → · Palette generator →

#06093A Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva