#186B63#186B63

#186B63 is a mid, moderate teal. Relative luminance 0.116; OKLCH L 47.8% C 0.077 H 185.3°. Best body text is #FFFFFF at 6.32:1 contrast (WCAG AA passes).

Color values

HEX#186B63
RGBrgb(24, 107, 99)
HSLhsl(174, 63%, 26%)
HSVhsv(174, 78%, 42%)
CMYKcmyk(77.6%, 0%, 7.5%, 58%)
CIE-LABlab(40.59, -25.85, -2.47)
CIE-LCHlch(40.59, 25.96, 185.47°)
OKLaboklab(47.84% -0.0764 -0.0071)
OKLCHoklch(47.84% 0.077 185.3)
XYZxyz(7.8854, 11.6095, 13.6272)
Luminance0.1161 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#186B63 #6B1820
analogous
#186B39 #186B63 #18496B
triadic
#186B63 #63186B #6B6318
tetradic
#186B63 #39186B #6B1820 #496B18
square
#186B63 #39186B #6B1820 #496B18
split-complementary
#186B63 #6B1849 #6B3918
monochromatic
#061917 #0D3935 #186B63 #239D91 #2ECFC0

Accessibility & contrast

On white

6.32
#186B63 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.32
#186B63 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #186B63
6.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##186B63#FFFFFF#000000##FFFFFF
##186B631.006.323.326.32
#FFFFFF6.321.0021.001.00
#0000003.3221.001.0021.00
##FFFFFF6.321.0021.001.00

Color blindness preview

Protanopia (red-blind)
#656563
Deuteranopia (green-blind)
#5A5C64
Tritanopia (blue-blind)
#006E68
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #186b63;
/* rgb */ color: rgb(24, 107, 99);
/* oklch */ color: oklch(47.8% 0.077 185.3);
Tailwind
colors: {
  custom: {
    50: '#64968f',
    500: '#186b63',
    950: '#000000',
  },
}
SCSS
$custom: #186b63;
$custom-light: #64968f;
$custom-dark: #000000;
JSON
{
  "hex": "#186b63",
  "rgb": {
    "r": 24,
    "g": 107,
    "b": 99
  },
  "hsl": {
    "h": 174.217,
    "s": 63.359,
    "l": 25.686
  },
  "oklch": {
    "l": 0.47836,
    "c": 0.07675,
    "h": 185.3
  },
  "luminance": 0.1161
}

Semantic roles & 50–950 ramp

primary
#186B63
secondary
#A13E48
accent
#4151E6
background
#F6F9F8
surface
#EBF2F0
border
#C6CCCB
text
#060D0C
muted
#7A7E7D

Preview Lab

Preview with #186B63

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

Preview Lab → · Contrast checker → · Palette generator →

#186B63 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva