#199DAC

#199DAC

Color Values

HEX

#199DAC

RGB

25, 157, 172

HSL

186,1, 74,6%, 38,6%

HSV

186,1, 85,5%, 67,5%

CMYK

85,5%, 8,7%, 0,0%, 32,5%

OKLCH

0,6381 0,1051 207,3

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#199DAC

#AC2819

Analogous

#19AC71

#1953AC

#199DAC

Triadic

#199DAC

#AC199D

#9DAC19

Split Complementary

#199DAC

#AC1953

#AC7119

Tetradic

#199DAC

#7119AC

#AC2819

#53AC19

Color Blindness Simulation

Original

#199DAC

Protanopia

#5253A8

Deuteranopia

#4A41A8

Tritanopia

#20A6A5

Achromatopsia

#828282

CSS Usage

background-color: #199DAC;
color: #199DAC;
border-color: #199DAC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F2FBFC
100
#E2F6F8
200
#C1F1F6
300
#94E6EF
400
#5AD9E7
500
#20CBDF
600
#1AA3B2
700
#15828E
800
#10666F
900
#104A51
950
#0A2F33

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,46: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