#194475#194475

#194475 is a dark, moderate cyan. Relative luminance 0.056; OKLCH L 38.4% C 0.096 H 254.0°. Best body text is #FFFFFF at 9.88:1 contrast (WCAG AA passes).

Color values

HEX#194475
RGBrgb(25, 68, 117)
HSLhsl(212, 65%, 28%)
HSVhsv(212, 79%, 46%)
CMYKcmyk(78.6%, 41.9%, 0%, 54.1%)
CIE-LABlab(28.44, 3.88, -32.34)
CIE-LCHlch(28.44, 32.58, 276.85°)
OKLaboklab(38.39% -0.0265 -0.0923)
OKLCHoklch(38.39% 0.096 254)
XYZxyz(5.6777, 5.6246, 17.6126)
Luminance0.0563 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#194475 #754A19
analogous
#197275 #194475 #1C1975
triadic
#194475 #751944 #447519
tetradic
#194475 #751972 #754A19 #19751C
square
#194475 #751972 #754A19 #19751C
split-complementary
#194475 #751C19 #727519
monochromatic
#050F19 #0E2743 #194475 #2461A7 #357FD4

Accessibility & contrast

On white

9.88
#194475 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.13
#194475 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #194475
9.88:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##194475#FFFFFF#000000##FFFFFF
##1944751.009.882.139.88
#FFFFFF9.881.0021.001.00
#0000002.1321.001.0021.00
##FFFFFF9.881.0021.001.00

Color blindness preview

Protanopia (red-blind)
#2D4877
Deuteranopia (green-blind)
#1E3F74
Tritanopia (blue-blind)
#005056
Achromatopsia (no color)
#434343

Design tokens & code

CSS
--color: #194475;
/* rgb */ color: rgb(25, 68, 117);
/* oklch */ color: oklch(38.4% 0.096 254.0);
Tailwind
colors: {
  custom: {
    50: '#64779d',
    500: '#194475',
    950: '#000000',
  },
}
SCSS
$custom: #194475;
$custom-light: #64779d;
$custom-dark: #000000;
JSON
{
  "hex": "#194475",
  "rgb": {
    "r": 25,
    "g": 68,
    "b": 117
  },
  "hsl": {
    "h": 211.957,
    "s": 64.789,
    "l": 27.843
  },
  "oklch": {
    "l": 0.3839,
    "c": 0.09608,
    "h": 254
  },
  "luminance": 0.05625
}

Semantic roles & 50–950 ramp

primary
#194475
secondary
#AA7840
accent
#9940E8
background
#F6F7F9
surface
#EBEDF2
border
#C6C8CC
text
#06080E
muted
#7A7B7E

Preview Lab

Preview with #194475

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

Preview Lab → · Contrast checker → · Palette generator →

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