#2453DB

#2453DB

Color Values

HEX

#2453DB

RGB

36, 83, 219

HSL

224.6, 71.8%, 50.0%

HSV

224.6, 83.6%, 85.9%

CMYK

83.6%, 62.1%, 0.0%, 14.1%

OKLCH

0.502 0.2138 264.8

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2453DB

#DBAC24

Analogous

#24AEDB

#5124DB

#2453DB

Triadic

#2453DB

#DB2453

#53DB24

Split Complementary

#2453DB

#DB5124

#AEDB24

Tetradic

#2453DB

#DB24AE

#DBAC24

#24DB51

Color Blindness Simulation

Original

#2453DB

Protanopia

#3839BA

Deuteranopia

#3632B2

Tritanopia

#26A09A

Achromatopsia

#535353

CSS Usage

background-color: #2453DB;
color: #2453DB;
border-color: #2453DB;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E2E8F8
200
#C2CFF5
300
#96ACEE
400
#5D80E4
500
#2453DB
600
#1D42AF
700
#17358C
800
#12296E
900
#112150
950
#0B1532

Contrast Checker

Text on white

6.3:1

AA Pass AAA Fail

Text on black

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