#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

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026