#2D5FF4

#2D5FF4

Color Values

HEX

#2D5FF4

RGB

45, 95, 244

HSL

224.9, 90.0%, 56.7%

HSV

224.9, 81.6%, 95.7%

CMYK

81.6%, 61.1%, 0.0%, 4.3%

OKLCH

0.5486 0.2294 265.1

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#2D5FF4

#F4C22D

Analogous

#2DC3F4

#5F2DF4

#2D5FF4

Triadic

#2D5FF4

#F42D5F

#5FF42D

Split Complementary

#2D5FF4

#F45F2D

#C3F42D

Tetradic

#2D5FF4

#F42DC3

#F4C22D

#2DF45F

Color Blindness Simulation

Original

#2D5FF4

Protanopia

#4343D0

Deuteranopia

#403CC7

Tritanopia

#30B3AD

Achromatopsia

#5F5F5F

CSS Usage

background-color: #2D5FF4;
color: #2D5FF4;
border-color: #2D5FF4;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F4FD
100
#DFE6FB
200
#BBCBFB
300
#8BA6F9
400
#4C76F6
500
#0D47F2
600
#0A38C2
700
#082D9B
800
#062379
900
#091D58
950
#061237

Contrast Checker

Text on white

5.18:1

AA Pass AAA Fail

Text on black

4.05:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026