#1972CF

#1972CF

Color Values

HEX

#1972CF

RGB

25, 114, 207

HSL

210.7, 78.4%, 45.5%

HSV

210.7, 87.9%, 81.2%

CMYK

87.9%, 44.9%, 0.0%, 18.8%

OKLCH

0.5536 0.164 254.2

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#1972CF

#CF7619

Analogous

#19CDCF

#1B19CF

#1972CF

Triadic

#1972CF

#CF1972

#72CF19

Split Complementary

#1972CF

#CF1B19

#CDCF19

Tetradic

#1972CF

#CF19CD

#CF7619

#19CF1B

Color Blindness Simulation

Original

#1972CF

Protanopia

#4040B9

Deuteranopia

#3A34B3

Tritanopia

#1DA7A3

Achromatopsia

#666666

CSS Usage

background-color: #1972CF;
color: #1972CF;
border-color: #1972CF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF7
300
#92C1F2
400
#579FEB
500
#1C7DE3
600
#1664B6
700
#125092
800
#0E3F72
900
#0E3053
950
#091E34

Contrast Checker

Text on white

4.83:1

AA Pass AAA Fail

Text on black

4.35:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026