#215BA5

#215BA5

Color Values

HEX

#215BA5

RGB

33, 91, 165

HSL

213.6, 66.7%, 38.8%

HSV

213.6, 80.0%, 64.7%

CMYK

80.0%, 44.8%, 0.0%, 35.3%

OKLCH

0.4745 0.1334 256.3

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#215BA5

#A56B21

Analogous

#219DA5

#2921A5

#215BA5

Triadic

#215BA5

#A5215B

#5BA521

Split Complementary

#215BA5

#A52921

#9DA521

Tetradic

#215BA5

#A5219D

#A56B21

#21A529

Color Blindness Simulation

Original

#215BA5

Protanopia

#3A3B93

Deuteranopia

#37328F

Tritanopia

#248582

Achromatopsia

#545454

CSS Usage

background-color: #215BA5;
color: #215BA5;
border-color: #215BA5;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C3D8F3
300
#99BDEB
400
#6299E0
500
#2A75D5
600
#225EAA
700
#1B4B88
800
#153B6A
900
#132D4E
950
#0C1C31

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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