#2364A0#2364A0

#2364A0 is a mid, moderate cyan. Relative luminance 0.120; OKLCH L 49.3% C 0.116 H 250.0°. Best body text is #FFFFFF at 6.17:1 contrast (WCAG AA passes).

Color values

HEX#2364A0
RGBrgb(35, 100, 160)
HSLhsl(209, 64%, 38%)
HSVhsv(209, 78%, 63%)
CMYKcmyk(78.1%, 37.5%, 0%, 37.3%)
CIE-LABlab(41.23, 1.29, -38.28)
CIE-LCHlch(41.23, 38.30, 271.92°)
OKLaboklab(49.29% -0.0396 -0.1091)
OKLCHoklch(49.29% 0.116 250)
XYZxyz(11.5931, 12.0084, 34.9577)
Luminance0.1201 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2364A0 #A05F23
analogous
#23A09D #2364A0 #2325A0
triadic
#2364A0 #A02364 #64A023
tetradic
#2364A0 #9D23A0 #A05F23 #25A023
square
#2364A0 #9D23A0 #A05F23 #25A023
split-complementary
#2364A0 #A02325 #A09D23
monochromatic
#0D253C #18456E #2364A0 #2F83D1 #61A1DC

Accessibility & contrast

On white

6.17
#2364A0 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.40
#2364A0 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #2364A0
6.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2364A0#FFFFFF#000000##FFFFFF
##2364A01.006.173.406.17
#FFFFFF6.171.0021.001.00
#0000003.4021.001.0021.00
##FFFFFF6.171.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4867A2
Deuteranopia (green-blind)
#355C9F
Tritanopia (blue-blind)
#00727A
Achromatopsia (no color)
#616161

Design tokens & code

CSS
--color: #2364a0;
/* rgb */ color: rgb(35, 100, 160);
/* oklch */ color: oklch(49.3% 0.116 250.0);
Tailwind
colors: {
  custom: {
    50: '#718fbc',
    500: '#2364a0',
    950: '#000000',
  },
}
SCSS
$custom: #2364a0;
$custom-light: #718fbc;
$custom-dark: #000000;
JSON
{
  "hex": "#2364a0",
  "rgb": {
    "r": 35,
    "g": 100,
    "b": 160
  },
  "hsl": {
    "h": 208.8,
    "s": 64.103,
    "l": 38.235
  },
  "oklch": {
    "l": 0.4929,
    "c": 0.11604,
    "h": 250
  },
  "luminance": 0.1201
}

Semantic roles & 50–950 ramp

primary
#2364A0
secondary
#C18D5D
accent
#9141E7
background
#F7F8FB
surface
#EDF0F6
border
#C8CBD0
text
#090C12
muted
#7B7D81

Preview Lab

Preview with #2364A0

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

Preview Lab → · Contrast checker → · Palette generator →

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