#2C4677

#2C4677

Color Values

HEX

#2C4677

RGB

44, 70, 119

HSL

219.2, 46.0%, 32.0%

HSV

219.2, 63.0%, 46.7%

CMYK

63.0%, 41.2%, 0.0%, 53.3%

OKLCH

0.3989 0.089 262.0

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#2C4677

#775D2C

Analogous

#2C6C77

#382C77

#2C4677

Triadic

#2C4677

#772C46

#46772C

Split Complementary

#2C4677

#77382C

#6C772C

Tetradic

#2C4677

#772C6C

#775D2C

#2C7738

Color Blindness Simulation

Original

#2C4677

Protanopia

#37376B

Deuteranopia

#363468

Tritanopia

#2D6260

Achromatopsia

#444444

CSS Usage

background-color: #2C4677;
color: #2C4677;
border-color: #2C4677;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EC
300
#A6B9DE
400
#7593CC
500
#456EBA
600
#375895
700
#2C4677
800
#22375D
900
#1C2A45
950
#121B2B

Contrast Checker

Text on white

9.34:1

AA Pass AAA Pass

Text on black

2.25:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026