#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026