#296F78

#296F78

Color Values

HEX

#296F78

RGB

41, 111, 120

HSL

186.8, 49.1%, 31.6%

HSV

186.8, 65.8%, 47.1%

CMYK

65.8%, 7.5%, 0.0%, 52.9%

OKLCH

0.5019 0.07 207.0

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#296F78

#783229

Analogous

#29785A

#294878

#296F78

Triadic

#296F78

#78296F

#6F7829

Split Complementary

#296F78

#782948

#785A29

Tetradic

#296F78

#5A2978

#783229

#487829

Color Blindness Simulation

Original

#296F78

Protanopia

#474876

Deuteranopia

#433E75

Tritanopia

#2C7474

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#CAE9ED
300
#A4D9E0
400
#72C4CF
500
#41B0BE
600
#348D98
700
#2A717A
800
#20585F
900
#1B4146
950
#11292C

Contrast Checker

Text on white

5.77:1

AA Pass AAA Fail

Text on black

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