#115561#115561

#115561 is a dark, moderate teal. Relative luminance 0.075; OKLCH L 41.5% C 0.066 H 212.6°. Best body text is #FFFFFF at 8.41:1 contrast (WCAG AA passes).

Color values

HEX#115561
RGBrgb(17, 85, 97)
HSLhsl(189, 70%, 22%)
HSVhsv(189, 82%, 38%)
CMYKcmyk(82.5%, 12.4%, 0%, 62%)
CIE-LABlab(32.87, -15.68, -12.82)
CIE-LCHlch(32.87, 20.25, 219.28°)
OKLaboklab(41.51% -0.0559 -0.0357)
OKLCHoklch(41.51% 0.066 212.6)
XYZxyz(5.6364, 7.4785, 12.4534)
Luminance0.0748 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#115561 #611D11
analogous
#116145 #115561 #112D61
triadic
#115561 #611155 #556111
tetradic
#115561 #451161 #611D11 #2D6111
square
#115561 #451161 #611D11 #2D6111
split-complementary
#115561 #61112D #614511
monochromatic
#05171A #08272D #115561 #1A8395 #23B0C9

Accessibility & contrast

On white

8.41
#115561 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.50
#115561 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #115561
8.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##115561#FFFFFF#000000##FFFFFF
##1155611.008.412.508.41
#FFFFFF8.411.0021.001.00
#0000002.5021.001.0021.00
##FFFFFF8.411.0021.001.00

Color blindness preview

Protanopia (red-blind)
#4C5262
Deuteranopia (green-blind)
#414A61
Tritanopia (blue-blind)
#005A59
Achromatopsia (no color)
#4D4D4D

Design tokens & code

CSS
--color: #115561;
/* rgb */ color: rgb(17, 85, 97);
/* oklch */ color: oklch(41.5% 0.066 212.6);
Tailwind
colors: {
  custom: {
    50: '#5f858e',
    500: '#115561',
    950: '#000000',
  },
}
SCSS
$custom: #115561;
$custom-light: #5f858e;
$custom-dark: #000000;
JSON
{
  "hex": "#115561",
  "rgb": {
    "r": 17,
    "g": 85,
    "b": 97
  },
  "hsl": {
    "h": 189,
    "s": 70.175,
    "l": 22.353
  },
  "oklch": {
    "l": 0.41514,
    "c": 0.06637,
    "h": 212.6
  },
  "luminance": 0.07479
}

Semantic roles & 50–950 ramp

primary
#115561
secondary
#994434
accent
#563BED
background
#F5F8F8
surface
#EAEFF0
border
#C6CACB
text
#050B0C
muted
#797C7D

Preview Lab

Preview with #115561

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

Preview Lab → · Contrast checker → · Palette generator →

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