#2D6CD2

#2D6CD2

Color Values

HEX

#2D6CD2

RGB

45, 108, 210

HSL

217.1, 64.7%, 50.0%

HSV

217.1, 78.6%, 82.4%

CMYK

78.6%, 48.6%, 0.0%, 17.6%

OKLCH

0.5474 0.1704 259.7

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2D6CD2

#D2932D

Analogous

#2DBED2

#412DD2

#2D6CD2

Triadic

#2D6CD2

#D22D6C

#6CD22D

Split Complementary

#2D6CD2

#D2412D

#BED22D

Tetradic

#2D6CD2

#D22DBE

#D2932D

#2DD241

Color Blindness Simulation

Original

#2D6CD2

Protanopia

#4849B9

Deuteranopia

#4540B3

Tritanopia

#30A6A2

Achromatopsia

#666666

CSS Usage

background-color: #2D6CD2;
color: #2D6CD2;
border-color: #2D6CD2;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F2
300
#9AB8E9
400
#6492DE
500
#2D6CD2
600
#2456A8
700
#1D4586
800
#173669
900
#142A4D
950
#0D1A30

Contrast Checker

Text on white

5.02:1

AA Pass AAA Fail

Text on black

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