#296069

#296069

Color Values

HEX

#296069

RGB

41, 96, 105

HSL

188.4, 43.8%, 28.6%

HSV

188.4, 61.0%, 41.2%

CMYK

61.0%, 8.6%, 0.0%, 58.8%

OKLCH

0.4561 0.0592 209.7

Properties

Cool Dark Nearest: RAL 5021 Water Blue

Color Harmonies

Complementary

#296069

#693229

Analogous

#296952

#294069

#296069

Triadic

#296069

#692960

#606929

Split Complementary

#296069

#692940

#695229

Tetradic

#296069

#522969

#693229

#406929

Color Blindness Simulation

Original

#296069

Protanopia

#414167

Deuteranopia

#3E3A66

Tritanopia

#2C6565

Achromatopsia

#555555

CSS Usage

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

Tailwind Shades

50
#F5F9FA
100
#E7F2F4
200
#CCE7EB
300
#A7D5DD
400
#77BECA
500
#48A8B7
600
#398693
700
#2E6B75
800
#24545C
900
#1D3E44
950
#13272B

Contrast Checker

Text on white

7.07:1

AA Pass AAA Pass

Text on black

2.97:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026