#296F7B

#296F7B

Color Values

HEX

#296F7B

RGB

41, 111, 123

HSL

188.8, 50.0%, 32.2%

HSV

188.8, 66.7%, 48.2%

CMYK

66.7%, 9.8%, 0.0%, 51.8%

OKLCH

0.5032 0.071 210.8

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#296F7B

#7B3529

Analogous

#297B5E

#29467B

#296F7B

Triadic

#296F7B

#7B296F

#6F7B29

Split Complementary

#296F7B

#7B2946

#7B5E29

Tetradic

#296F7B

#5E297B

#7B3529

#467B29

Color Blindness Simulation

Original

#296F7B

Protanopia

#474878

Deuteranopia

#433E77

Tritanopia

#2C7675

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E8ED
300
#A3D7E0
400
#71C2D0
500
#40ADBF
600
#338A99
700
#296E7A
800
#205660
900
#1B4046
950
#11282C

Contrast Checker

Text on white

5.75:1

AA Pass AAA Fail

Text on black

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