#195FC0

#195FC0

Color Values

HEX

#195FC0

RGB

25, 95, 192

HSL

214.9, 77.0%, 42.5%

HSV

214.9, 87.0%, 75.3%

CMYK

87.0%, 50.5%, 0.0%, 24.7%

OKLCH

0.501 0.1667 258.2

Properties

Cool Dark Nearest: NCS S 1050-R90B Blue Violet

Color Harmonies

Complementary

#195FC0

#C07A19

Analogous

#19B2C0

#2719C0

#195FC0

Triadic

#195FC0

#C0195F

#5FC019

Split Complementary

#195FC0

#C02719

#B2C019

Tetradic

#195FC0

#C019B2

#C07A19

#19C027

Color Blindness Simulation

Original

#195FC0

Protanopia

#3738A9

Deuteranopia

#332EA3

Tritanopia

#1C9692

Achromatopsia

#575757

CSS Usage

background-color: #195FC0;
color: #195FC0;
border-color: #195FC0;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EBF9
200
#C0D7F7
300
#93BAF1
400
#5895E9
500
#1D6FE2
600
#1759B5
700
#134790
800
#0F3871
900
#0F2B52
950
#091B34

Contrast Checker

Text on white

6.11:1

AA Pass AAA Fail

Text on black

3.44:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026