#2C6CD3

#2C6CD3

Color Values

HEX

#2C6CD3

RGB

44, 108, 211

HSL

217.0, 65.5%, 50.0%

HSV

217.0, 79.1%, 82.7%

CMYK

79.1%, 48.8%, 0.0%, 17.3%

OKLCH

0.5478 0.172 259.7

Properties

Cool Dark Nearest: Navy Blue

Color Harmonies

Complementary

#2C6CD3

#D3932C

Analogous

#2CC0D3

#3F2CD3

#2C6CD3

Triadic

#2C6CD3

#D32C6C

#6CD32C

Split Complementary

#2C6CD3

#D33F2C

#C0D32C

Tetradic

#2C6CD3

#D32CC0

#D3932C

#2CD33F

Color Blindness Simulation

Original

#2C6CD3

Protanopia

#4848BA

Deuteranopia

#443FB4

Tritanopia

#2FA6A2

Achromatopsia

#666666

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF7
200
#C4D6F3
300
#9AB8EA
400
#6392DE
500
#2C6CD3
600
#2356A9
700
#1C4587
800
#16366A
900
#142A4D
950
#0D1A31

Contrast Checker

Text on white

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

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026