#105976#105976

#105976 is a dark, moderate cyan. Relative luminance 0.086; OKLCH L 43.6% C 0.082 H 230.8°. Best body text is #FFFFFF at 7.74:1 contrast (WCAG AA passes).

Color values

HEX#105976
RGBrgb(16, 89, 118)
HSLhsl(197, 76%, 26%)
HSVhsv(197, 86%, 46%)
CMYKcmyk(86.4%, 24.6%, 0%, 53.7%)
CIE-LABlab(35.13, -10.25, -22.46)
CIE-LCHlch(35.13, 24.68, 245.47°)
OKLaboklab(43.62% -0.0516 -0.0633)
OKLCHoklch(43.62% 0.082 230.8)
XYZxyz(7.0547, 8.5620, 18.4168)
Luminance0.0856 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#105976 #762D10
analogous
#107660 #105976 #102676
triadic
#105976 #761059 #597610
tetradic
#105976 #601076 #762D10 #267610
square
#105976 #601076 #762D10 #267610
split-complementary
#105976 #761026 #766010
monochromatic
#04141B #093040 #105976 #1782AC #20AAE1

Accessibility & contrast

On white

7.74
#105976 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.71
#105976 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #105976
7.74:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##105976#FFFFFF#000000##FFFFFF
##1059761.007.742.717.74
#FFFFFF7.741.0021.001.00
#0000002.7121.001.0021.00
##FFFFFF7.741.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4A5877
Deuteranopia (green-blind)
#3D4F76
Tritanopia (blue-blind)
#006163
Achromatopsia (no color)
#535353

Design tokens & code

CSS
--color: #105976;
/* rgb */ color: rgb(16, 89, 118);
/* oklch */ color: oklch(43.6% 0.082 230.8);
Tailwind
colors: {
  custom: {
    50: '#63879d',
    500: '#105976',
    950: '#000000',
  },
}
SCSS
$custom: #105976;
$custom-light: #63879d;
$custom-dark: #000000;
JSON
{
  "hex": "#105976",
  "rgb": {
    "r": 16,
    "g": 89,
    "b": 118
  },
  "hsl": {
    "h": 197.059,
    "s": 76.119,
    "l": 26.275
  },
  "oklch": {
    "l": 0.43624,
    "c": 0.08164,
    "h": 230.8
  },
  "luminance": 0.08563
}

Semantic roles & 50–950 ramp

primary
#105976
secondary
#AD5735
accent
#6B35F3
background
#F6F8F9
surface
#EBEFF2
border
#C6CACC
text
#060B0E
muted
#7A7C7E

Preview Lab

Preview with #105976

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

Preview Lab → · Contrast checker → · Palette generator →

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