#196BBA

#196BBA

Color Values

HEX

#196BBA

RGB

25, 107, 186

HSL

209.4, 76.3%, 41.4%

HSV

209.4, 86.6%, 72.9%

CMYK

86.6%, 42.5%, 0.0%, 27.1%

OKLCH

0.5236 0.1449 252.4

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#196BBA

#BA6819

Analogous

#19BAB9

#191BBA

#196BBA

Triadic

#196BBA

#BA196B

#6BBA19

Split Complementary

#196BBA

#BA191B

#BAB919

Tetradic

#196BBA

#B919BA

#BA6819

#1BBA19

Color Blindness Simulation

Original

#196BBA

Protanopia

#3D3DA7

Deuteranopia

#3832A2

Tritanopia

#1D9894

Achromatopsia

#5F5F5F

CSS Usage

background-color: #196BBA;
color: #196BBA;
border-color: #196BBA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DCF7
300
#93C3F0
400
#59A2E9
500
#1E81E1
600
#1868B4
700
#135390
800
#0F4170
900
#0F3152
950
#0A1F34

Contrast Checker

Text on white

5.45:1

AA Pass AAA Fail

Text on black

3.85:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026