#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026