#195FC4

#195FC4

Color Values

HEX

#195FC4

RGB

25, 95, 196

HSL

215.4, 77.4%, 43.3%

HSV

215.4, 87.2%, 76.9%

CMYK

87.2%, 51.5%, 0.0%, 23.1%

OKLCH

0.504 0.172 258.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#195FC4

#C47E19

Analogous

#19B4C4

#2819C4

#195FC4

Triadic

#195FC4

#C4195F

#5FC419

Split Complementary

#195FC4

#C42819

#B4C419

Tetradic

#195FC4

#C419B4

#C47E19

#19C428

Color Blindness Simulation

Original

#195FC4

Protanopia

#3738AC

Deuteranopia

#332EA6

Tritanopia

#1C9894

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1EBF9
200
#C0D6F7
300
#92B9F1
400
#5894EA
500
#1D6EE2
600
#1758B5
700
#124691
800
#0E3771
900
#0F2A52
950
#091B34

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

3.48:1

AA Fail 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