#113669#113669

#113669 is a dark, moderate cyan. Relative luminance 0.038; OKLCH L 33.8% C 0.099 H 257.5°. Best body text is #FFFFFF at 11.96:1 contrast (WCAG AA passes).

Color values

HEX#113669
RGBrgb(17, 54, 105)
HSLhsl(215, 72%, 24%)
HSVhsv(215, 84%, 41%)
CMYKcmyk(83.8%, 48.6%, 0%, 58.8%)
CIE-LABlab(22.92, 7.59, -33.54)
CIE-LCHlch(22.92, 34.39, 282.74°)
OKLaboklab(33.77% -0.0213 -0.0963)
OKLCHoklch(33.77% 0.099 257.5)
XYZxyz(4.0992, 3.7769, 13.8748)
Luminance0.0378 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#113669 #694411
analogous
#116269 #113669 #181169
triadic
#113669 #691136 #366911
tetradic
#113669 #691162 #694411 #116918
square
#113669 #691162 #694411 #116918
split-complementary
#113669 #691811 #626911
monochromatic
#040E1A #081B34 #113669 #1A519E #226CD2

Accessibility & contrast

On white

11.96
#113669 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.76
#113669 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #113669
11.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##113669#FFFFFF#000000##FFFFFF
##1136691.0011.961.7611.96
#FFFFFF11.961.0021.001.00
#0000001.7621.001.0021.00
##FFFFFF11.961.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1B3B6B
Deuteranopia (green-blind)
#053368
Tritanopia (blue-blind)
#00424A
Achromatopsia (no color)
#373737

Design tokens & code

CSS
--color: #113669;
/* rgb */ color: rgb(17, 54, 105);
/* oklch */ color: oklch(33.8% 0.099 257.5);
Tailwind
colors: {
  custom: {
    50: '#5f6c94',
    500: '#113669',
    950: '#000000',
  },
}
SCSS
$custom: #113669;
$custom-light: #5f6c94;
$custom-dark: #000000;
JSON
{
  "hex": "#113669",
  "rgb": {
    "r": 17,
    "g": 54,
    "b": 105
  },
  "hsl": {
    "h": 214.773,
    "s": 72.131,
    "l": 23.922
  },
  "oklch": {
    "l": 0.33774,
    "c": 0.0986,
    "h": 257.5
  },
  "luminance": 0.03777
}

Semantic roles & 50–950 ramp

primary
#113669
secondary
#A17335
accent
#A239EF
background
#F5F6F9
surface
#EAEBF1
border
#C6C6CB
text
#05060D
muted
#797A7E

Preview Lab

Preview with #113669

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

Preview Lab → · Contrast checker → · Palette generator →

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