#1863FF

#1863FF

Color Values

HEX

#1863FF

RGB

24, 99, 255

HSL

220.5, 100.0%, 54.7%

HSV

220.5, 90.6%, 100.0%

CMYK

90.6%, 61.2%, 0.0%, 0.0%

OKLCH

0.5605 0.2421 262.5

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#1863FF

#FFB418

Analogous

#18D7FF

#4018FF

#1863FF

Triadic

#1863FF

#FF1863

#63FF18

Split Complementary

#1863FF

#FF4018

#D7FF18

Tetradic

#1863FF

#FF18D7

#FFB418

#18FF40

Color Blindness Simulation

Original

#1863FF

Protanopia

#3839D9

Deuteranopia

#342ED0

Tritanopia

#1CBBB5

Achromatopsia

#5E5E5E

CSS Usage

background-color: #1863FF;
color: #1863FF;
border-color: #1863FF;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F5FE
100
#DEE8FC
200
#B8CFFF
300
#85ACFF
400
#4280FF
500
#0053FF
600
#0042CC
700
#0035A3
800
#002980
900
#05215C
950
#03153A

Contrast Checker

Text on white

4.92:1

AA Pass AAA Fail

Text on black

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