#1964A0#1964A0

#1964A0 is a mid, moderate cyan. Relative luminance 0.119; OKLCH L 49.0% C 0.119 H 248.0°. Best body text is #FFFFFF at 6.23:1 contrast (WCAG AA passes).

Color values

HEX#1964A0
RGBrgb(25, 100, 160)
HSLhsl(207, 73%, 36%)
HSVhsv(207, 84%, 63%)
CMYKcmyk(84.4%, 37.5%, 0%, 37.3%)
CIE-LABlab(40.99, 0.22, -38.67)
CIE-LCHlch(40.99, 38.67, 270.33°)
OKLaboklab(49.03% -0.0445 -0.1103)
OKLCHoklch(49.03% 0.119 248)
XYZxyz(11.3008, 11.8577, 34.9440)
Luminance0.1186 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1964A0 #A05519
analogous
#19A099 #1964A0 #1920A0
triadic
#1964A0 #A01964 #64A019
tetradic
#1964A0 #9919A0 #A05519 #20A019
square
#1964A0 #9919A0 #A05519 #20A019
split-complementary
#1964A0 #A01920 #A09919
monochromatic
#082236 #11436B #1964A0 #2185D5 #50A2E4

Accessibility & contrast

On white

6.23
#1964A0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.37
#1964A0 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #1964A0
6.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1964A0#FFFFFF#000000##FFFFFF
##1964A01.006.233.376.23
#FFFFFF6.231.0021.001.00
#0000003.3721.001.0021.00
##FFFFFF6.231.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4767A2
Deuteranopia (green-blind)
#335B9F
Tritanopia (blue-blind)
#00727A
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #1964a0;
/* rgb */ color: rgb(25, 100, 160);
/* oklch */ color: oklch(49.0% 0.119 248.0);
Tailwind
colors: {
  custom: {
    50: '#6e8fbc',
    500: '#1964a0',
    950: '#000000',
  },
}
SCSS
$custom: #1964a0;
$custom-light: #6e8fbc;
$custom-dark: #000000;
JSON
{
  "hex": "#1964a0",
  "rgb": {
    "r": 25,
    "g": 100,
    "b": 160
  },
  "hsl": {
    "h": 206.667,
    "s": 72.973,
    "l": 36.275
  },
  "oklch": {
    "l": 0.49033,
    "c": 0.11897,
    "h": 248
  },
  "luminance": 0.11859
}

Semantic roles & 50–950 ramp

primary
#1964A0
secondary
#C6844F
accent
#8A38F0
background
#F7F8FB
surface
#EDF0F6
border
#C8CBD0
text
#080C12
muted
#7B7D81

Preview Lab

Preview with #1964A0

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

Preview Lab → · Contrast checker → · Palette generator →

#1964A0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva