#018178

#018178

Color Values

HEX

#018178

RGB

1, 129, 120

HSL

175.8, 98.5%, 25.5%

HSV

175.8, 99.2%, 50.6%

CMYK

99.2%, 0.0%, 7.0%, 49.4%

OKLCH

0.543 0.0949 186.3

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#018178

#81010A

Analogous

#018138

#014A81

#018178

Triadic

#018178

#780181

#817801

Split Complementary

#018178

#81014A

#813801

Tetradic

#018178

#380181

#81010A

#4A8101

Color Blindness Simulation

Original

#018178

Protanopia

#383A7A

Deuteranopia

#31277B

Tritanopia

#077C7C

Achromatopsia

#656565

CSS Usage

background-color: #018178;
color: #018178;
border-color: #018178;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F1FEFD
100
#DEFCFA
200
#B8FEFA
300
#86FEF6
400
#44FEF1
500
#02FDEC
600
#02CABC
700
#01A297
800
#017F76
900
#055B55
950
#033A36

Contrast Checker

Text on white

4.76:1

AA Pass AAA Fail

Text on black

4.41:1

AA Fail 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