#1868BA

#1868BA

Color Values

HEX

#1868BA

RGB

24, 104, 186

HSL

210.4, 77.1%, 41.2%

HSV

210.4, 87.1%, 72.9%

CMYK

87.1%, 44.1%, 0.0%, 27.1%

OKLCH

0.5165 0.1484 253.6

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1868BA

#BA6A18

Analogous

#18B9BA

#1918BA

#1868BA

Triadic

#1868BA

#BA1868

#68BA18

Split Complementary

#1868BA

#BA1918

#B9BA18

Tetradic

#1868BA

#BA18B9

#BA6A18

#18BA19

Color Blindness Simulation

Original

#1868BA

Protanopia

#3B3BA6

Deuteranopia

#3630A1

Tritanopia

#1C9693

Achromatopsia

#5D5D5D

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DBF7
300
#93C1F1
400
#58A0E9
500
#1D7EE2
600
#1765B5
700
#135191
800
#0F3F71
900
#0F3052
950
#091E34

Contrast Checker

Text on white

5.63:1

AA Pass AAA Fail

Text on black

3.73:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026