#0A0233#0A0233

#0A0233 is a very dark, moderate blue. Relative luminance 0.003; OKLCH L 16.2% C 0.091 H 279.2°. Best body text is #FFFFFF at 19.64:1 contrast (WCAG AA passes).

Color values

HEX#0A0233
RGBrgb(10, 2, 51)
HSLhsl(250, 92%, 10%)
HSVhsv(250, 96%, 20%)
CMYKcmyk(80.4%, 96.1%, 0%, 80%)
CIE-LABlab(3.13, 16.98, -28.47)
CIE-LCHlch(3.13, 33.15, 300.81°)
OKLaboklab(16.22% 0.0145 -0.09)
OKLCHoklch(16.22% 0.091 279.2)
XYZxyz(0.7442, 0.3469, 3.1591)
Luminance0.0035 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0A0233 #2B3302
analogous
#021233 #0A0233 #220233
triadic
#0A0233 #330A02 #02330A
tetradic
#0A0233 #330212 #2B3302 #023322
square
#0A0233 #330212 #2B3302 #023322
split-complementary
#0A0233 #332202 #123302
monochromatic
#06011D #06011D #0A0233 #16046E #2107A9

Accessibility & contrast

On white

19.64
#0A0233 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.07
#0A0233 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0A0233
19.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0A0233#FFFFFF#000000##FFFFFF
##0A02331.0019.641.0719.64
#FFFFFF19.641.0021.001.00
#0000001.0721.001.0021.00
##FFFFFF19.641.0021.001.00

Color blindness preview

Protanopia (red-blind)
#000D34
Deuteranopia (green-blind)
#000932
Tritanopia (blue-blind)
#00101A
Achromatopsia (no color)
#0B0B0B

Design tokens & code

CSS
--color: #0a0233;
/* rgb */ color: rgb(10, 2, 51);
/* oklch */ color: oklch(16.2% 0.091 279.2);
Tailwind
colors: {
  custom: {
    50: '#4e476b',
    500: '#0a0233',
    950: '#000000',
  },
}
SCSS
$custom: #0a0233;
$custom-light: #4e476b;
$custom-dark: #000000;
JSON
{
  "hex": "#0a0233",
  "rgb": {
    "r": 10,
    "g": 2,
    "b": 51
  },
  "hsl": {
    "h": 249.796,
    "s": 92.453,
    "l": 10.392
  },
  "oklch": {
    "l": 0.16224,
    "c": 0.09117,
    "h": 279.2
  },
  "luminance": 0.00347
}

Semantic roles & 50–950 ramp

primary
#0A0233
secondary
#68771A
accent
#FF29DC
background
#F4F3F6
surface
#E7E5EB
border
#C3C1C6
text
#020007
muted
#78777A

Preview Lab

Preview with #0A0233

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

Preview Lab → · Contrast checker → · Palette generator →

#0A0233 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva