#1864BA

#1864BA

Color Values

HEX

#1864BA

RGB

24, 100, 186

HSL

211.9, 77.1%, 41.2%

HSV

211.9, 87.1%, 72.9%

CMYK

87.1%, 46.2%, 0.0%, 27.1%

OKLCH

0.5074 0.153 255.3

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#1864BA

#BA6E18

Analogous

#18B5BA

#1D18BA

#1864BA

Triadic

#1864BA

#BA1864

#64BA18

Split Complementary

#1864BA

#BA1D18

#B5BA18

Tetradic

#1864BA

#BA18B5

#BA6E18

#18BA1D

Color Blindness Simulation

Original

#1864BA

Protanopia

#393AA5

Deuteranopia

#342FA0

Tritanopia

#1C9591

Achromatopsia

#5A5A5A

CSS Usage

background-color: #1864BA;
color: #1864BA;
border-color: #1864BA;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#C0DAF7
300
#93BFF1
400
#589CE9
500
#1D79E2
600
#1761B5
700
#134E91
800
#0F3D71
900
#0F2E52
950
#091D34

Contrast Checker

Text on white

5.88:1

AA Pass AAA Fail

Text on black

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