#1963C8

#1963C8

Color Values

HEX

#1963C8

RGB

25, 99, 200

HSL

214.6, 77.8%, 44.1%

HSV

214.6, 87.5%, 78.4%

CMYK

87.5%, 50.5%, 0.0%, 21.6%

OKLCH

0.5156 0.1724 258.1

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1963C8

#C87E19

Analogous

#19BBC8

#2619C8

#1963C8

Triadic

#1963C8

#C81963

#63C819

Split Complementary

#1963C8

#C82619

#BBC819

Tetradic

#1963C8

#C819BB

#C87E19

#19C826

Color Blindness Simulation

Original

#1963C8

Protanopia

#393AB0

Deuteranopia

#352FAA

Tritanopia

#1D9C98

Achromatopsia

#5B5B5B

CSS Usage

background-color: #1963C8;
color: #1963C8;
border-color: #1963C8;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EBF9
200
#C0D7F7
300
#92BAF1
400
#5795EA
500
#1C70E3
600
#175AB5
700
#124891
800
#0E3871
900
#0F2B52
950
#091B34

Contrast Checker

Text on white

5.74:1

AA Pass AAA Fail

Text on black

3.66:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026