#199FAC

#199FAC

Color Values

HEX

#199FAC

RGB

25, 159, 172

HSL

185.3, 74.6%, 38.6%

HSV

185.3, 85.5%, 67.5%

CMYK

85.5%, 7.6%, 0.0%, 32.5%

OKLCH

0.6431 0.1056 205.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#199FAC

#AC2619

Analogous

#19AC6F

#1955AC

#199FAC

Triadic

#199FAC

#AC199F

#9FAC19

Split Complementary

#199FAC

#AC1955

#AC6F19

Tetradic

#199FAC

#6F19AC

#AC2619

#55AC19

Color Blindness Simulation

Original

#199FAC

Protanopia

#5354A9

Deuteranopia

#4B41A8

Tritanopia

#20A6A6

Achromatopsia

#838383

CSS Usage

background-color: #199FAC;
color: #199FAC;
border-color: #199FAC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F2FBFC
100
#E2F6F8
200
#C1F1F6
300
#94E7EF
400
#5ADBE7
500
#20CEDF
600
#1AA5B2
700
#15848E
800
#10676F
900
#104B51
950
#0A3033

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.6:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026