#1C6166#1C6166

#1C6166 is a mid, moderate teal. Relative luminance 0.098; OKLCH L 45.3% C 0.067 H 202.1°. Best body text is #FFFFFF at 7.12:1 contrast (WCAG AA passes).

Color values

HEX	#1C6166
RGB	rgb(28, 97, 102)
HSL	hsl(184, 57%, 25%)
HSV	hsv(184, 73%, 40%)
CMYK	cmyk(72.5%, 4.9%, 0%, 60%)
CIE-LAB	lab(37.40, -19.09, -9.06)
CIE-LCH	lch(37.40, 21.13, 205.38°)
OKLab	oklab(45.31% -0.0619 -0.0251)
OKLCH	oklch(45.31% 0.067 202.1)
XYZ	xyz(7.1508, 9.7548, 14.0738)
Luminance	0.0976 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#1C6166 #66211C

analogous

#1C6646 #1C6166 #1C3C66

triadic

#1C6166 #661C61 #61661C

tetradic

#1C6166 #461C66 #66211C #3C661C

square

#1C6166 #461C66 #66211C #3C661C

split-complementary

#1C6166 #661C3C #66461C

monochromatic

#071718 #0F3336 #1C6166 #298F96 #36BCC6

Accessibility & contrast

On white

7.12

#1C6166 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

2.95

#1C6166 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1C6166

7.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##1C6166	#FFFFFF	#000000	##FFFFFF
##1C6166	1.00	7.12	2.95	7.12
#FFFFFF	7.12	1.00	21.00	1.00
#000000	2.95	21.00	1.00	21.00
##FFFFFF	7.12	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#595D66

Deuteranopia (green-blind)

#4E5566

Tritanopia (blue-blind)

#006562

Achromatopsia (no color)

#585858

Design tokens & code

CSS

--color: #1c6166;
/* rgb */ color: rgb(28, 97, 102);
/* oklch */ color: oklch(45.3% 0.067 202.1);

Tailwind

colors: {
  custom: {
    50: '#648e91',
    500: '#1c6166',
    950: '#000000',
  },
}

SCSS

$custom: #1c6166;
$custom-light: #648e91;
$custom-dark: #000000;

JSON

{
  "hex": "#1c6166",
  "rgb": {
    "r": 28,
    "g": 97,
    "b": 102
  },
  "hsl": {
    "h": 184.054,
    "s": 56.923,
    "l": 25.49
  },
  "oklch": {
    "l": 0.45306,
    "c": 0.06684,
    "h": 202.1
  },
  "luminance": 0.09756
}

Semantic roles & 50–950 ramp

primary

#1C6166

secondary

#9B4943

accent

#5248E0

background

#F6F8F8

surface

#EBF0F0

border

#C6CBCB

text

#060C0C

muted

#7A7D7D

Preview Lab

Preview with #1C6166

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

Preview Lab → · Contrast checker → · Palette generator →