#1860C5

#1860C5

Color Values

HEX

#1860C5

RGB

24, 96, 197

HSL

215.0, 78.3%, 43.3%

HSV

215.0, 87.8%, 77.3%

CMYK

87.8%, 51.3%, 0.0%, 22.7%

OKLCH

0.5067 0.1723 258.5

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#1860C5

#C57D18

Analogous

#18B6C5

#2618C5

#1860C5

Triadic

#1860C5

#C51860

#60C518

Split Complementary

#1860C5

#C52618

#B6C518

Tetradic

#1860C5

#C518B6

#C57D18

#18C526

Color Blindness Simulation

Original

#1860C5

Protanopia

#3738AD

Deuteranopia

#332EA7

Tritanopia

#1C9995

Achromatopsia

#585858

CSS Usage

background-color: #1860C5;
color: #1860C5;
border-color: #1860C5;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F2F7FC
100
#E1EBF9
200
#BFD7F7
300
#92BAF2
400
#5794EB
500
#1C6FE3
600
#1659B6
700
#124791
800
#0E3772
900
#0E2B53
950
#091B34

Contrast Checker

Text on white

5.97:1

AA Pass AAA Fail

Text on black

3.52:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026