#296776

#296776

Color Values

HEX

#296776

RGB

41, 103, 118

HSL

191.7, 48.4%, 31.2%

HSV

191.7, 65.3%, 46.3%

CMYK

65.3%, 12.7%, 0.0%, 53.7%

OKLCH

0.4801 0.0671 216.4

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#296776

#763829

Analogous

#29765F

#294176

#296776

Triadic

#296776

#762967

#677629

Split Complementary

#296776

#762941

#765F29

Tetradic

#296776

#5F2976

#763829

#417629

Color Blindness Simulation

Original

#296776

Protanopia

#444472

Deuteranopia

#403C72

Tritanopia

#2C706F

Achromatopsia

#5B5B5B

CSS Usage

background-color: #296776;
color: #296776;
border-color: #296776;
Nearest Tailwind: Cyan 800 #155E75

Tailwind Shades

50
#F4F9FA
100
#E6F2F4
200
#CAE6ED
300
#A4D4DF
400
#73BDCE
500
#42A5BD
600
#358497
700
#2A6A79
800
#21535F
900
#1B3D46
950
#11272C

Contrast Checker

Text on white

6.37:1

AA Pass AAA Fail

Text on black

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