#1C877D

#1C877D

Color Values

HEX

#1C877D

RGB

28, 135, 125

HSL

174.4, 65.6%, 32.0%

HSV

174.4, 79.3%, 52.9%

CMYK

79.3%, 0.0%, 7.4%, 47.1%

OKLCH

0.564 0.0924 185.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#1C877D

#871C26

Analogous

#1C8748

#1C5C87

#1C877D

Triadic

#1C877D

#7D1C87

#877D1C

Split Complementary

#1C877D

#871C5C

#87481C

Tetradic

#1C877D

#481C87

#871C26

#5C871C

Color Blindness Simulation

Original

#1C877D

Protanopia

#4A4B7F

Deuteranopia

#443C80

Tritanopia

#218182

Achromatopsia

#707070

CSS Usage

background-color: #1C877D;
color: #1C877D;
border-color: #1C877D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F7F5
200
#C4F3EE
300
#9AEAE2
400
#63DFD3
500
#2CD3C4
600
#23A99C
700
#1C877D
800
#166A62
900
#144D48
950
#0D312D

Contrast Checker

Text on white

4.36:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026