#176675#176675

#176675 is a mid, moderate teal. Relative luminance 0.110; OKLCH L 47.2% C 0.076 H 213.8°. Best body text is #FFFFFF at 6.58:1 contrast (WCAG AA passes).

Color values

HEX#176675
RGBrgb(23, 102, 117)
HSLhsl(190, 67%, 27%)
HSVhsv(190, 80%, 46%)
CMYKcmyk(80.3%, 12.8%, 0%, 54.1%)
CIE-LABlab(39.53, -17.39, -15.05)
CIE-LCHlch(39.53, 22.99, 220.88°)
OKLaboklab(47.18% -0.0628 -0.042)
OKLCHoklch(47.18% 0.076 213.8)
XYZxyz(8.3142, 10.9682, 18.5051)
Luminance0.1097 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#176675 #752617
analogous
#177555 #176675 #173775
triadic
#176675 #751766 #667517
tetradic
#176675 #551775 #752617 #377517
square
#176675 #551775 #752617 #377517
split-complementary
#176675 #751737 #755517
monochromatic
#05161A #0D3942 #176675 #2193A8 #30BCD6

Accessibility & contrast

On white

6.58
#176675 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.19
#176675 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #176675
6.58:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##176675#FFFFFF#000000##FFFFFF
##1766751.006.583.196.58
#FFFFFF6.581.0021.001.00
#0000003.1921.001.0021.00
##FFFFFF6.581.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5B6276
Deuteranopia (green-blind)
#4E5975
Tritanopia (blue-blind)
#006C6B
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #176675;
/* rgb */ color: rgb(23, 102, 117);
/* oklch */ color: oklch(47.2% 0.076 213.8);
Tailwind
colors: {
  custom: {
    50: '#65929c',
    500: '#176675',
    950: '#000000',
  },
}
SCSS
$custom: #176675;
$custom-light: #65929c;
$custom-dark: #000000;
JSON
{
  "hex": "#176675",
  "rgb": {
    "r": 23,
    "g": 102,
    "b": 117
  },
  "hsl": {
    "h": 189.574,
    "s": 67.143,
    "l": 27.451
  },
  "oklch": {
    "l": 0.4718,
    "c": 0.07553,
    "h": 213.8
  },
  "luminance": 0.10969
}

Semantic roles & 50–950 ramp

primary
#176675
secondary
#AA4F3D
accent
#593EEA
background
#F6F8F9
surface
#EBF0F2
border
#C6CBCC
text
#070D0E
muted
#7A7D7E

Preview Lab

Preview with #176675

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

Preview Lab → · Contrast checker → · Palette generator →

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