#2D5ED2

#2D5ED2

Color Values

HEX

#2D5ED2

RGB

45, 94, 210

HSL

222.2, 64.7%, 50.0%

HSV

222.2, 78.6%, 82.4%

CMYK

78.6%, 55.2%, 0.0%, 17.6%

OKLCH

0.5185 0.1871 263.8

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#2D5ED2

#D2A12D

Analogous

#2DB0D2

#4F2DD2

#2D5ED2

Triadic

#2D5ED2

#D22D5E

#5ED22D

Split Complementary

#2D5ED2

#D24F2D

#B0D22D

Tetradic

#2D5ED2

#D22DB0

#D2A12D

#2DD24F

Color Blindness Simulation

Original

#2D5ED2

Protanopia

#4243B6

Deuteranopia

#3F3CAF

Tritanopia

#2FA09B

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3E9F7
200
#C4D2F2
300
#9AB2E9
400
#6488DE
500
#2D5ED2
600
#244BA8
700
#1D3C86
800
#172F69
900
#14254D
950
#0D1730

Contrast Checker

Text on white

5.76:1

AA Pass AAA Fail

Text on black

3.64:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026