#2D4CD2

#2D4CD2

Color Values

HEX

#2D4CD2

RGB

45, 76, 210

HSL

228.7, 64.7%, 50.0%

HSV

228.7, 78.6%, 82.4%

CMYK

78.6%, 63.8%, 0.0%, 17.6%

OKLCH

0.4844 0.2084 267.4

Properties

Cool Dark Nearest: royalblue 2

Color Harmonies

Complementary

#2D4CD2

#D2B32D

Analogous

#2D9FD2

#602DD2

#2D4CD2

Triadic

#2D4CD2

#D22D4C

#4CD22D

Split Complementary

#2D4CD2

#D2602D

#9FD22D

Tetradic

#2D4CD2

#D22D9F

#D2B32D

#2DD260

Color Blindness Simulation

Original

#2D4CD2

Protanopia

#3A3BB2

Deuteranopia

#3936AA

Tritanopia

#2F9892

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E7F7
200
#C4CDF2
300
#9AA9E9
400
#647BDE
500
#2D4CD2
600
#243DA8
700
#1D3186
800
#172669
900
#141F4D
950
#0D1330

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.08:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026