#245ADB

#245ADB

Color Values

HEX

#245ADB

RGB

36, 90, 219

HSL

222.3, 71.8%, 50.0%

HSV

222.3, 83.6%, 85.9%

CMYK

83.6%, 58.9%, 0.0%, 14.1%

OKLCH

0.5151 0.2057 263.6

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#245ADB

#DBA524

Analogous

#24B6DB

#4924DB

#245ADB

Triadic

#245ADB

#DB245A

#5ADB24

Split Complementary

#245ADB

#DB4924

#B6DB24

Tetradic

#245ADB

#DB24B6

#DBA524

#24DB49

Color Blindness Simulation

Original

#245ADB

Protanopia

#3B3CBC

Deuteranopia

#3834B4

Tritanopia

#27A39E

Achromatopsia

#585858

CSS Usage

background-color: #245ADB;
color: #245ADB;
border-color: #245ADB;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F3F5FC
100
#E2E9F8
200
#C2D1F5
300
#96B0EE
400
#5D85E4
500
#245ADB
600
#1D48AF
700
#173A8C
800
#122D6E
900
#112450
950
#0B1632

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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