#2C6FC9

#2C6FC9

Color Values

HEX

#2C6FC9

RGB

44, 111, 201

HSL

214.4, 64.1%, 48.0%

HSV

214.4, 78.1%, 78.8%

CMYK

78.1%, 44.8%, 0.0%, 21.2%

OKLCH

0.5474 0.1553 257.0

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#2C6FC9

#C9862C

Analogous

#2CBDC9

#372CC9

#2C6FC9

Triadic

#2C6FC9

#C92C6F

#6FC92C

Split Complementary

#2C6FC9

#C9372C

#BDC92C

Tetradic

#2C6FC9

#C92CBD

#C9862C

#2CC937

Color Blindness Simulation

Original

#2C6FC9

Protanopia

#494AB3

Deuteranopia

#4540AE

Tritanopia

#2FA29E

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F2
300
#9BBCE9
400
#6498DD
500
#2E74D1
600
#255CA7
700
#1D4A86
800
#173A69
900
#142C4C
950
#0D1C30

Contrast Checker

Text on white

4.97:1

AA Pass AAA Fail

Text on black

4.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026