#2D4DD2

#2D4DD2

Color Values

HEX

#2D4DD2

RGB

45, 77, 210

HSL

228.4, 64.7%, 50.0%

HSV

228.4, 78.6%, 82.4%

CMYK

78.6%, 63.3%, 0.0%, 17.6%

OKLCH

0.4861 0.2072 267.3

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2D4DD2

#D2B22D

Analogous

#2D9FD2

#602DD2

#2D4DD2

Triadic

#2D4DD2

#D22D4D

#4DD22D

Split Complementary

#2D4DD2

#D2602D

#9FD22D

Tetradic

#2D4DD2

#D22D9F

#D2B22D

#2DD260

Color Blindness Simulation

Original

#2D4DD2

Protanopia

#3B3BB2

Deuteranopia

#3937AA

Tritanopia

#2F9893

Achromatopsia

#505050

CSS Usage

background-color: #2D4DD2;
color: #2D4DD2;
border-color: #2D4DD2;
Nearest Tailwind: Blue 700 #1D4ED8

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CDF2
300
#9AAAE9
400
#647BDE
500
#2D4DD2
600
#243EA8
700
#1D3186
800
#172669
900
#141F4D
950
#0D1430

Contrast Checker

Text on white

6.77:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026