#1869BA

#1869BA

Color Values

HEX

#1869BA

RGB

24, 105, 186

HSL

210.0, 77.1%, 41.2%

HSV

210.0, 87.1%, 72.9%

CMYK

87.1%, 43.5%, 0.0%, 27.1%

OKLCH

0.5188 0.1473 253.2

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#1869BA

#BA6918

Analogous

#18BABA

#1818BA

#1869BA

Triadic

#1869BA

#BA1869

#69BA18

Split Complementary

#1869BA

#BA1818

#BABA18

Tetradic

#1869BA

#BA18BA

#BA6918

#18BA18

Color Blindness Simulation

Original

#1869BA

Protanopia

#3B3CA6

Deuteranopia

#3630A2

Tritanopia

#1C9794

Achromatopsia

#5E5E5E

CSS Usage

background-color: #1869BA;
color: #1869BA;
border-color: #1869BA;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DBF7
300
#93C2F1
400
#58A1E9
500
#1D80E2
600
#1766B5
700
#135291
800
#0F4071
900
#0F3052
950
#091F34

Contrast Checker

Text on white

5.57:1

AA Pass AAA Fail

Text on black

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