#215ADE

#215ADE

Color Values

HEX

#215ADE

RGB

33, 90, 222

HSL

221,9, 74,1%, 50,0%

HSV

221,9, 85,1%, 87,1%

CMYK

85,1%, 59,5%, 0,0%, 12,9%

OKLCH

0,5169 0,2101 263,3

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#215ADE

#DEA521

Analogous

#21B9DE

#4621DE

#215ADE

Triadic

#215ADE

#DE215A

#5ADE21

Split Complementary

#215ADE

#DE4621

#B9DE21

Tetradic

#215ADE

#DE21B9

#DEA521

#21DE46

Color Blindness Simulation

Original

#215ADE

Protanopia

#3A3ABE

Deuteranopia

#3632B6

Tritanopia

#24A59F

Achromatopsia

#575757

CSS Usage

background-color: #215ADE;
color: #215ADE;
border-color: #215ADE;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FC
100
#E2E9F8
200
#C1D1F6
300
#94B0EF
400
#5B85E7
500
#215ADE
600
#1A48B2
700
#153A8E
800
#112D6F
900
#102451
950
#0A1733

Contrast Checker

Text on white

5,86:1

AA Pass AAA Fail

Text on black

3,58:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Fev 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fev 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fev 19, 2026