#244164#244164

#244164 is a dark, moderate cyan. Relative luminance 0.051; OKLCH L 37.0% C 0.070 H 254.1°. Best body text is #FFFFFF at 10.42:1 contrast (WCAG AA passes).

Color values

HEX#244164
RGBrgb(36, 65, 100)
HSLhsl(213, 47%, 27%)
HSVhsv(213, 64%, 39%)
CMYKcmyk(64%, 35%, 0%, 60.8%)
CIE-LABlab(26.95, 1.19, -23.86)
CIE-LCHlch(26.95, 23.89, 272.85°)
OKLaboklab(37.03% -0.0192 -0.0674)
OKLCHoklch(37.03% 0.07 254.1)
XYZxyz(4.9173, 5.0753, 12.7746)
Luminance0.0508 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#244164 #644724
analogous
#246164 #244164 #272464
triadic
#244164 #642441 #416424
tetradic
#244164 #642461 #644724 #246427
square
#244164 #642461 #644724 #246427
split-complementary
#244164 #642724 #616424
monochromatic
#080F17 #142437 #244164 #345E91 #467CBC

Accessibility & contrast

On white

10.42
#244164 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.02
#244164 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #244164
10.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##244164#FFFFFF#000000##FFFFFF
##2441641.0010.422.0210.42
#FFFFFF10.421.0021.001.00
#0000002.0221.001.0021.00
##FFFFFF10.421.0021.001.00

Color blindness preview

Protanopia (red-blind)
#324365
Deuteranopia (green-blind)
#2A3D63
Tritanopia (blue-blind)
#00494E
Achromatopsia (no color)
#404040

Design tokens & code

CSS
--color: #244164;
/* rgb */ color: rgb(36, 65, 100);
/* oklch */ color: oklch(37.0% 0.070 254.1);
Tailwind
colors: {
  custom: {
    50: '#657590',
    500: '#244164',
    950: '#000000',
  },
}
SCSS
$custom: #244164;
$custom-light: #657590;
$custom-dark: #000000;
JSON
{
  "hex": "#244164",
  "rgb": {
    "r": 36,
    "g": 65,
    "b": 100
  },
  "hsl": {
    "h": 212.813,
    "s": 47.059,
    "l": 26.667
  },
  "oklch": {
    "l": 0.37026,
    "c": 0.0701,
    "h": 254.1
  },
  "luminance": 0.05076
}

Semantic roles & 50–950 ramp

primary
#244164
secondary
#97754C
accent
#9A51D7
background
#F6F7F8
surface
#EBEDF0
border
#C6C8CB
text
#06080C
muted
#7A7B7D

Preview Lab

Preview with #244164

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

Preview Lab → · Contrast checker → · Palette generator →

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