#183A90#183A90

#183A90 is a dark, vivid blue. Relative luminance 0.052; OKLCH L 38.2% C 0.148 H 264.1°. Best body text is #FFFFFF at 10.26:1 contrast (WCAG AA passes).

Color values

HEX#183A90
RGBrgb(24, 58, 144)
HSLhsl(223, 71%, 33%)
HSVhsv(223, 83%, 56%)
CMYKcmyk(83.3%, 59.7%, 0%, 43.5%)
CIE-LABlab(27.39, 21.78, -50.88)
CIE-LCHlch(27.39, 55.35, 293.17°)
OKLaboklab(38.2% -0.0151 -0.1471)
OKLCHoklch(38.2% 0.148 264.1)
XYZxyz(6.9220, 5.2331, 27.0254)
Luminance0.0523 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#183A90 #906E18
analogous
#187690 #183A90 #321890
triadic
#183A90 #90183A #3A9018
tetradic
#183A90 #901876 #906E18 #189032
square
#183A90 #901876 #906E18 #189032
split-complementary
#183A90 #903218 #769018
monochromatic
#071027 #0F255C #183A90 #214FC4 #436FE0

Accessibility & contrast

On white

10.26
#183A90 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.05
#183A90 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #183A90
10.26:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##183A90#FFFFFF#000000##FFFFFF
##183A901.0010.262.0510.26
#FFFFFF10.261.0021.001.00
#0000002.0521.001.0021.00
##FFFFFF10.261.0021.001.00

Color blindness preview

Protanopia (red-blind)
#004693
Deuteranopia (green-blind)
#003B8E
Tritanopia (blue-blind)
#00505F
Achromatopsia (no color)
#414141

Design tokens & code

CSS
--color: #183a90;
/* rgb */ color: rgb(24, 58, 144);
/* oklch */ color: oklch(38.2% 0.148 264.1);
Tailwind
colors: {
  custom: {
    50: '#6b6fb1',
    500: '#183a90',
    950: '#000000',
  },
}
SCSS
$custom: #183a90;
$custom-light: #6b6fb1;
$custom-dark: #000000;
JSON
{
  "hex": "#183a90",
  "rgb": {
    "r": 24,
    "g": 58,
    "b": 144
  },
  "hsl": {
    "h": 223,
    "s": 71.429,
    "l": 32.941
  },
  "oklch": {
    "l": 0.382,
    "c": 0.14785,
    "h": 264.1
  },
  "luminance": 0.05234
}

Semantic roles & 50–950 ramp

primary
#183A90
secondary
#C09D43
accent
#BB3AEE
background
#F7F6FB
surface
#EDECF6
border
#C8C7D0
text
#080711
muted
#7B7A80

Preview Lab

Preview with #183A90

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

Preview Lab → · Contrast checker → · Palette generator →

#183A90 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva