#1698A0#1698A0

#1698A0 is a light, moderate teal. Relative luminance 0.252; OKLCH L 62.0% C 0.102 H 201.7°. Best body text is #000000 at 6.03:1 contrast (WCAG AA passes).

Color values

HEX#1698A0
RGBrgb(22, 152, 160)
HSLhsl(183, 76%, 36%)
HSVhsv(183, 86%, 63%)
CMYKcmyk(86.3%, 5%, 0%, 37.3%)
CIE-LABlab(57.23, -29.06, -13.51)
CIE-LCHlch(57.23, 32.04, 204.93°)
OKLaboklab(62.03% -0.0945 -0.0376)
OKLCHoklch(62.03% 0.102 201.7)
XYZxyz(17.9014, 25.1628, 37.1643)
Luminance0.2516 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1698A0 #A01E16
analogous
#16A063 #1698A0 #1653A0
triadic
#1698A0 #A01698 #98A016
tetradic
#1698A0 #6316A0 #A01E16 #53A016
square
#1698A0 #6316A0 #A01E16 #53A016
split-complementary
#1698A0 #A01653 #A06316
monochromatic
#073234 #0F656A #1698A0 #1DCBD6 #4ADDE6

Accessibility & contrast

On white

3.48
#1698A0 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.03
#1698A0 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #1698A0
6.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1698A0#FFFFFF#000000##000000
##1698A01.003.486.036.03
#FFFFFF3.481.0021.0021.00
#0000006.0321.001.001.00
##0000006.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#8B91A1
Deuteranopia (green-blind)
#7A84A1
Tritanopia (blue-blind)
#009E9A
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #1698a0;
/* rgb */ color: rgb(22, 152, 160);
/* oklch */ color: oklch(62.0% 0.102 201.7);
Tailwind
colors: {
  custom: {
    50: '#72b7bc',
    500: '#1698a0',
    950: '#000000',
  },
}
SCSS
$custom: #1698a0;
$custom-light: #72b7bc;
$custom-dark: #000000;
JSON
{
  "hex": "#1698a0",
  "rgb": {
    "r": 22,
    "g": 152,
    "b": 160
  },
  "hsl": {
    "h": 183.478,
    "s": 75.824,
    "l": 35.686
  },
  "oklch": {
    "l": 0.62025,
    "c": 0.10171,
    "h": 201.7
  },
  "luminance": 0.25165
}

Semantic roles & 50–950 ramp

primary
#1698A0
secondary
#C8514A
accent
#4035F2
background
#F7FBFB
surface
#EEF6F6
border
#C9D0D0
text
#091112
muted
#7B8081

Preview Lab

Preview with #1698A0

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

Preview Lab → · Contrast checker → · Palette generator →

#1698A0 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva