#0A2B47#0A2B47

#0A2B47 is a dark, moderate cyan. Relative luminance 0.022; OKLCH L 28.2% C 0.064 H 248.2°. Best body text is #FFFFFF at 14.49:1 contrast (WCAG AA passes).

Color values

HEX#0A2B47
RGBrgb(10, 43, 71)
HSLhsl(208, 75%, 16%)
HSVhsv(208, 86%, 28%)
CMYKcmyk(85.9%, 39.4%, 0%, 72.2%)
CIE-LABlab(16.73, -0.22, -20.84)
CIE-LCHlch(16.73, 20.84, 269.41°)
OKLaboklab(28.16% -0.0237 -0.0593)
OKLCHoklch(28.16% 0.064 248.2)
XYZxyz(2.1259, 2.2470, 6.2817)
Luminance0.0225 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#0A2B47 #47260A
analogous
#0A4744 #0A2B47 #0A0C47
triadic
#0A2B47 #470A2B #2B470A
tetradic
#0A2B47 #440A47 #47260A #0C470A
square
#0A2B47 #440A47 #47260A #0C470A
split-complementary
#0A2B47 #470A0C #47440A
monochromatic
#04101B #04101B #0A2B47 #124B7D #196CB2

Accessibility & contrast

On white

14.49
#0A2B47 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.45
#0A2B47 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #0A2B47
14.49:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##0A2B47#FFFFFF#000000##FFFFFF
##0A2B471.0014.491.4514.49
#FFFFFF14.491.0021.001.00
#0000001.4521.001.0021.00
##FFFFFF14.491.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1E2C48
Deuteranopia (green-blind)
#152746
Tritanopia (blue-blind)
#003235
Achromatopsia (no color)
#292929

Design tokens & code

CSS
--color: #0a2b47;
/* rgb */ color: rgb(10, 43, 71);
/* oklch */ color: oklch(28.2% 0.064 248.2);
Tailwind
colors: {
  custom: {
    50: '#54647a',
    500: '#0a2b47',
    950: '#000000',
  },
}
SCSS
$custom: #0a2b47;
$custom-light: #54647a;
$custom-dark: #000000;
JSON
{
  "hex": "#0a2b47",
  "rgb": {
    "r": 10,
    "g": 43,
    "b": 71
  },
  "hsl": {
    "h": 207.541,
    "s": 75.309,
    "l": 15.882
  },
  "oklch": {
    "l": 0.28157,
    "c": 0.06388,
    "h": 248.2
  },
  "luminance": 0.02247
}

Semantic roles & 50–950 ramp

primary
#0A2B47
secondary
#845329
accent
#8C36F2
background
#F5F5F7
surface
#E9EAED
border
#C5C6C8
text
#030509
muted
#78797B

Preview Lab

Preview with #0A2B47

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

Preview Lab → · Contrast checker → · Palette generator →

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