#2D6AF4

#2D6AF4

Color Values

HEX

#2D6AF4

RGB

45, 106, 244

HSL

221.6, 90.0%, 56.7%

HSV

221.6, 81.6%, 95.7%

CMYK

81.6%, 56.6%, 0.0%, 4.3%

OKLCH

0.5692 0.2167 263.2

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#2D6AF4

#F4B72D

Analogous

#2DCEF4

#542DF4

#2D6AF4

Triadic

#2D6AF4

#F42D6A

#6AF42D

Split Complementary

#2D6AF4

#F4542D

#CEF42D

Tetradic

#2D6AF4

#F42DCE

#F4B72D

#2DF454

Color Blindness Simulation

Original

#2D6AF4

Protanopia

#4748D3

Deuteranopia

#443FCB

Tritanopia

#30B8B2

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BBCFFB
300
#8BADF9
400
#4C80F6
500
#0D53F2
600
#0A43C2
700
#08359B
800
#062A79
900
#092158
950
#061537

Contrast Checker

Text on white

4.69:1

AA Pass AAA Fail

Text on black

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