#113F55#113F55

#113F55 is a dark, moderate cyan. Relative luminance 0.043; OKLCH L 34.8% C 0.062 H 233.6°. Best body text is #FFFFFF at 11.25:1 contrast (WCAG AA passes).

Color values

HEX#113F55
RGBrgb(17, 63, 85)
HSLhsl(199, 67%, 20%)
HSVhsv(199, 80%, 33%)
CMYKcmyk(80%, 25.9%, 0%, 66.7%)
CIE-LABlab(24.73, -6.92, -17.65)
CIE-LCHlch(24.73, 18.95, 248.60°)
OKLaboklab(34.81% -0.0366 -0.0497)
OKLCHoklch(34.81% 0.062 233.6)
XYZxyz(3.6477, 4.3296, 9.2360)
Luminance0.0433 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#113F55 #552711
analogous
#115549 #113F55 #111D55
triadic
#113F55 #55113F #3F5511
tetradic
#113F55 #491155 #552711 #1D5511
square
#113F55 #491155 #552711 #1D5511
split-complementary
#113F55 #55111D #554911
monochromatic
#05131A #071922 #113F55 #1B6588 #258BBB

Accessibility & contrast

On white

11.25
#113F55 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.87
#113F55 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #113F55
11.25:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##113F55#FFFFFF#000000##FFFFFF
##113F551.0011.251.8711.25
#FFFFFF11.251.0021.001.00
#0000001.8721.001.0021.00
##FFFFFF11.251.0021.001.00

Color blindness preview

Protanopia (red-blind)
#343E56
Deuteranopia (green-blind)
#2B3855
Tritanopia (blue-blind)
#004546
Achromatopsia (no color)
#3B3B3B

Design tokens & code

CSS
--color: #113f55;
/* rgb */ color: rgb(17, 63, 85);
/* oklch */ color: oklch(34.8% 0.062 233.6);
Tailwind
colors: {
  custom: {
    50: '#5a7485',
    500: '#113f55',
    950: '#000000',
  },
}
SCSS
$custom: #113f55;
$custom-light: #5a7485;
$custom-dark: #000000;
JSON
{
  "hex": "#113f55",
  "rgb": {
    "r": 17,
    "g": 63,
    "b": 85
  },
  "hsl": {
    "h": 199.412,
    "s": 66.667,
    "l": 20
  },
  "oklch": {
    "l": 0.34807,
    "c": 0.06173,
    "h": 233.6
  },
  "luminance": 0.0433
}

Semantic roles & 50–950 ramp

primary
#113F55
secondary
#8E5134
accent
#763EEA
background
#F5F7F8
surface
#E9EDEF
border
#C5C8CA
text
#04080B
muted
#797B7C

Preview Lab

Preview with #113F55

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

Preview Lab → · Contrast checker → · Palette generator →

#113F55 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva