#188F8D

#188F8D

Color Values

HEX

#188F8D

RGB

24, 143, 141

HSL

179.0, 71.3%, 32.7%

HSV

179.0, 83.2%, 56.1%

CMYK

83.2%, 0.0%, 1.4%, 43.9%

OKLCH

0.5901 0.0963 193.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#188F8D

#8F181A

Analogous

#188F51

#18558F

#188F8D

Triadic

#188F8D

#8D188F

#8F8D18

Split Complementary

#188F8D

#8F1855

#8F5118

Tetradic

#188F8D

#51188F

#8F181A

#558F18

Color Blindness Simulation

Original

#188F8D

Protanopia

#4C4D8D

Deuteranopia

#453C8E

Tritanopia

#1E8E8E

Achromatopsia

#767676

CSS Usage

background-color: #188F8D;
color: #188F8D;
border-color: #188F8D;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F3FCFC
100
#E2F8F8
200
#C2F5F4
300
#96EDEC
400
#5DE4E2
500
#25DAD7
600
#1DAFAC
700
#178C8A
800
#126D6C
900
#11504F
950
#0B3232

Contrast Checker

Text on white

3.92:1

AA Fail AAA Fail

Text on black

5.35:1

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