#245AAF

#245AAF

Color Values

HEX

#245AAF

RGB

36, 90, 175

HSL

216.7, 65.9%, 41.4%

HSV

216.7, 79.4%, 68.6%

CMYK

79.4%, 48.6%, 0.0%, 31.4%

OKLCH

0.4803 0.1474 259.4

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#245AAF

#AF7924

Analogous

#24A0AF

#3424AF

#245AAF

Triadic

#245AAF

#AF245A

#5AAF24

Split Complementary

#245AAF

#AF3424

#A0AF24

Tetradic

#245AAF

#AF24A0

#AF7924

#24AF34

Color Blindness Simulation

Original

#245AAF

Protanopia

#3B3C9A

Deuteranopia

#383496

Tritanopia

#278A87

Achromatopsia

#555555

CSS Usage

background-color: #245AAF;
color: #245AAF;
border-color: #245AAF;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#99B9EA
400
#6293DF
500
#2B6DD4
600
#2357A9
700
#1C4687
800
#16366A
900
#142A4D
950
#0C1B31

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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