#187D7C

#187D7C

Color Values

HEX

#187D7C

RGB

24, 125, 124

HSL

179.4, 67.8%, 29.2%

HSV

179.4, 80.8%, 49.0%

CMYK

80.8%, 0.0%, 0.8%, 51.0%

OKLCH

0.5363 0.0859 193.9

Properties

Cool Dark Nearest: teal

Color Harmonies

Complementary

#187D7C

#7D1819

Analogous

#187D49

#184B7D

#187D7C

Triadic

#187D7C

#7C187D

#7D7C18

Split Complementary

#187D7C

#7D184B

#7D4918

Tetradic

#187D7C

#49187D

#7D1819

#4B7D18

Color Blindness Simulation

Original

#187D7C

Protanopia

#44457C

Deuteranopia

#3E367C

Tritanopia

#1D7C7C

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E3F7F7
200
#C3F4F3
300
#98EBEA
400
#61E1DF
500
#29D6D4
600
#21ABAA
700
#1A8988
800
#156B6A
900
#134E4D
950
#0C3131

Contrast Checker

Text on white

4.93:1

AA Pass AAA Fail

Text on black

4.26:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026