#1868B4

#1868B4

Color Values

HEX

#1868B4

RGB

24, 104, 180

HSL

209.2, 76.5%, 40.0%

HSV

209.2, 86.7%, 70.6%

CMYK

86.7%, 42.2%, 0.0%, 29.4%

OKLCH

0.5125 0.1406 252.1

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1868B4

#B46418

Analogous

#18B4B2

#181AB4

#1868B4

Triadic

#1868B4

#B41868

#68B418

Split Complementary

#1868B4

#B4181A

#B4B218

Tetradic

#1868B4

#B218B4

#B46418

#1AB418

Color Blindness Simulation

Original

#1868B4

Protanopia

#3B3BA2

Deuteranopia

#36309D

Tritanopia

#1C9390

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DCF7
300
#93C3F1
400
#58A3E9
500
#1E82E1
600
#1868B4
700
#135390
800
#0F4171
900
#0F3152
950
#0A1F34

Contrast Checker

Text on white

5.71:1

AA Pass AAA Fail

Text on black

3.68: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