#184994#184994

#184994 is a dark, vivid blue. Relative luminance 0.071; OKLCH L 41.8% C 0.134 H 259.1°. Best body text is #FFFFFF at 8.68:1 contrast (WCAG AA passes).

Color values

HEX#184994
RGBrgb(24, 73, 148)
HSLhsl(216, 72%, 34%)
HSVhsv(216, 84%, 58%)
CMYKcmyk(83.8%, 50.7%, 0%, 42%)
CIE-LABlab(32.03, 13.05, -45.81)
CIE-LCHlch(32.03, 47.63, 285.90°)
OKLaboklab(41.82% -0.0253 -0.1319)
OKLCHoklch(41.82% 0.134 259.1)
XYZxyz(8.1026, 7.0964, 28.9539)
Luminance0.0710 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#184994 #946318
analogous
#188794 #184994 #251894
triadic
#184994 #941849 #499418
tetradic
#184994 #941887 #946318 #189425
square
#184994 #941887 #946318 #189425
split-complementary
#184994 #942518 #879418
monochromatic
#07152B #0F2F5F #184994 #2163C9 #4583E1

Accessibility & contrast

On white

8.68
#184994 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.42
#184994 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #184994
8.68:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##184994#FFFFFF#000000##FFFFFF
##1849941.008.682.428.68
#FFFFFF8.681.0021.001.00
#0000002.4221.001.0021.00
##FFFFFF8.681.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1B5197
Deuteranopia (green-blind)
#004693
Tritanopia (blue-blind)
#005B67
Achromatopsia (no color)
#4B4B4B

Design tokens & code

CSS
--color: #184994;
/* rgb */ color: rgb(24, 73, 148);
/* oklch */ color: oklch(41.8% 0.134 259.1);
Tailwind
colors: {
  custom: {
    50: '#6b7bb4',
    500: '#184994',
    950: '#000000',
  },
}
SCSS
$custom: #184994;
$custom-light: #6b7bb4;
$custom-dark: #000000;
JSON
{
  "hex": "#184994",
  "rgb": {
    "r": 24,
    "g": 73,
    "b": 148
  },
  "hsl": {
    "h": 216.29,
    "s": 72.093,
    "l": 33.725
  },
  "oklch": {
    "l": 0.41816,
    "c": 0.13426,
    "h": 259.1
  },
  "luminance": 0.07097
}

Semantic roles & 50–950 ramp

primary
#184994
secondary
#C29146
accent
#A739EF
background
#F7F7FB
surface
#EDEDF6
border
#C8C8D0
text
#080911
muted
#7B7B80

Preview Lab

Preview with #184994

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

Preview Lab → · Contrast checker → · Palette generator →

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