#186975#186975

#186975 is a mid, moderate teal. Relative luminance 0.116; OKLCH L 48.0% C 0.076 H 209.8°. Best body text is #FFFFFF at 6.33:1 contrast (WCAG AA passes).

Color values

HEX#186975
RGBrgb(24, 105, 117)
HSLhsl(188, 66%, 28%)
HSVhsv(188, 79%, 46%)
CMYKcmyk(79.5%, 10.3%, 0%, 54.1%)
CIE-LABlab(40.54, -18.92, -13.50)
CIE-LCHlch(40.54, 23.24, 215.51°)
OKLaboklab(48.01% -0.0656 -0.0376)
OKLCHoklch(48.01% 0.076 209.8)
XYZxyz(8.6378, 11.5806, 18.6062)
Luminance0.1158 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#186975 #752418
analogous
#187552 #186975 #183A75
triadic
#186975 #751869 #697518
tetradic
#186975 #521875 #752418 #3A7518
square
#186975 #521875 #752418 #3A7518
split-complementary
#186975 #75183A #755218
monochromatic
#051719 #0E3B42 #186975 #2297A8 #32C0D5

Accessibility & contrast

On white

6.33
#186975 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.32
#186975 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #186975
6.33:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##186975#FFFFFF#000000##FFFFFF
##1869751.006.333.326.33
#FFFFFF6.331.0021.001.00
#0000003.3221.001.0021.00
##FFFFFF6.331.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5F6576
Deuteranopia (green-blind)
#525C75
Tritanopia (blue-blind)
#006E6D
Achromatopsia (no color)
#606060

Design tokens & code

CSS
--color: #186975;
/* rgb */ color: rgb(24, 105, 117);
/* oklch */ color: oklch(48.0% 0.076 209.8);
Tailwind
colors: {
  custom: {
    50: '#66949c',
    500: '#186975',
    950: '#000000',
  },
}
SCSS
$custom: #186975;
$custom-light: #66949c;
$custom-dark: #000000;
JSON
{
  "hex": "#186975",
  "rgb": {
    "r": 24,
    "g": 105,
    "b": 117
  },
  "hsl": {
    "h": 187.742,
    "s": 65.957,
    "l": 27.647
  },
  "oklch": {
    "l": 0.48005,
    "c": 0.0756,
    "h": 209.8
  },
  "luminance": 0.11582
}

Semantic roles & 50–950 ramp

primary
#186975
secondary
#AA4D3F
accent
#553FE9
background
#F6F9F9
surface
#EBF1F2
border
#C6CBCC
text
#070D0E
muted
#7A7E7E

Preview Lab

Preview with #186975

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

Preview Lab → · Contrast checker → · Palette generator →

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