#2D6BF4

#2D6BF4

Color Values

HEX

#2D6BF4

RGB

45, 107, 244

HSL

221.3, 90.0%, 56.7%

HSV

221.3, 81.6%, 95.7%

CMYK

81.6%, 56.1%, 0.0%, 4.3%

OKLCH

0.5711 0.2156 263.0

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#2D6BF4

#F4B62D

Analogous

#2DCFF4

#532DF4

#2D6BF4

Triadic

#2D6BF4

#F42D6B

#6BF42D

Split Complementary

#2D6BF4

#F4532D

#CFF42D

Tetradic

#2D6BF4

#F42DCF

#F4B62D

#2DF453

Color Blindness Simulation

Original

#2D6BF4

Protanopia

#4848D3

Deuteranopia

#4440CB

Tritanopia

#30B9B3

Achromatopsia

#686868

CSS Usage

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

Tailwind Shades

50
#F1F5FD
100
#DFE8FB
200
#BBCFFB
300
#8BADF9
400
#4C81F6
500
#0D54F2
600
#0A43C2
700
#08369B
800
#062A79
900
#092258
950
#061537

Contrast Checker

Text on white

4.65:1

AA Pass AAA Fail

Text on black

4.52:1

AA Pass 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