#1865B4

#1865B4

Color Values

HEX

#1865B4

RGB

24, 101, 180

HSL

210.4, 76.5%, 40.0%

HSV

210.4, 86.7%, 70.6%

CMYK

86.7%, 43.9%, 0.0%, 29.4%

OKLCH

0.5055 0.144 253.5

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1865B4

#B46718

Analogous

#18B3B4

#1918B4

#1865B4

Triadic

#1865B4

#B41865

#65B418

Split Complementary

#1865B4

#B41918

#B3B418

Tetradic

#1865B4

#B418B3

#B46718

#18B419

Color Blindness Simulation

Original

#1865B4

Protanopia

#393AA1

Deuteranopia

#352F9C

Tritanopia

#1C928E

Achromatopsia

#5A5A5A

CSS Usage

background-color: #1865B4;
color: #1865B4;
border-color: #1865B4;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DBF7
300
#93C1F1
400
#58A0E9
500
#1E7EE1
600
#1865B4
700
#135190
800
#0F3F71
900
#0F3052
950
#0A1E34

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

3.56:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026