#1875DF

#1875DF

Color Values

HEX

#1875DF

RGB

24, 117, 223

HSL

212,0, 80,6%, 48,4%

HSV

212,0, 89,2%, 87,5%

CMYK

89,2%, 47,5%, 0,0%, 12,5%

OKLCH

0,5711 0,1812 255,9

Properties

Cool Light Nearest: Navy Blue

Color Harmonies

Complementary

#1875DF

#DF8218

Analogous

#18D8DF

#1F18DF

#1875DF

Triadic

#1875DF

#DF1875

#75DF18

Split Complementary

#1875DF

#DF1F18

#D8DF18

Tetradic

#1875DF

#DF18D8

#DF8218

#18DF1F

Color Blindness Simulation

Original

#1875DF

Protanopia

#4041C5

Deuteranopia

#3B34BF

Tritanopia

#1DB1AD

Achromatopsia

#696969

CSS Usage

background-color: #1875DF;
color: #1875DF;
border-color: #1875DF;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD9F8
300
#90BFF3
400
#559CED
500
#1979E6
600
#1461B8
700
#104D93
800
#0C3C73
900
#0D2E54
950
#081D35

Contrast Checker

Text on white

4,52:1

AA Pass AAA Fail

Text on black

4,65:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026