#188694

#188694

Color Values

HEX

#188694

RGB

24, 134, 148

HSL

186.8, 72.1%, 33.7%

HSV

186.8, 83.8%, 58.0%

CMYK

83.8%, 9.5%, 0.0%, 42.0%

OKLCH

0.5695 0.0928 208.4

Properties

Cool Light Nearest: NCS S 1060-B30G Teal

Color Harmonies

Complementary

#188694

#942618

Analogous

#189464

#184894

#188694

Triadic

#188694

#941886

#869418

Split Complementary

#188694

#941848

#946418

Tetradic

#188694

#641894

#942618

#489418

Color Blindness Simulation

Original

#188694

Protanopia

#484991

Deuteranopia

#413990

Tritanopia

#1D8E8D

Achromatopsia

#707070

CSS Usage

background-color: #188694;
color: #188694;
border-color: #188694;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F3FBFC
100
#E2F6F8
200
#C2EFF5
300
#96E4EE
400
#5DD5E5
500
#24C7DB
600
#1C9FB0
700
#177F8C
800
#12636E
900
#114950
950
#0B2E32

Contrast Checker

Text on white

4.31:1

AA Fail AAA Fail

Text on black

4.88: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