#18877F

#18877F

Color Values

HEX

#18877F

RGB

24, 135, 127

HSL

175.7, 69.8%, 31.2%

HSV

175.7, 82.2%, 52.9%

CMYK

82.2%, 0.0%, 5.9%, 47.1%

OKLCH

0.564 0.0931 187.3

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#18877F

#871820

Analogous

#188748

#185887

#18877F

Triadic

#18877F

#7F1887

#877F18

Split Complementary

#18877F

#871858

#874818

Tetradic

#18877F

#481887

#871820

#588718

Color Blindness Simulation

Original

#18877F

Protanopia

#484981

Deuteranopia

#423981

Tritanopia

#1E8283

Achromatopsia

#6F6F6F

CSS Usage

background-color: #18877F;
color: #18877F;
border-color: #18877F;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFB
100
#E3F8F6
200
#C2F4F1
300
#97EDE6
400
#5FE3D9
500
#27D8CC
600
#1FADA3
700
#198B82
800
#136C66
900
#124F4B
950
#0B322F

Contrast Checker

Text on white

4.37:1

AA Fail AAA Fail

Text on black

4.81:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026