#298580

#298580

Color Values

HEX

#298580

RGB

41, 133, 128

HSL

176.7, 52.9%, 34.1%

HSV

176.7, 69.2%, 52.2%

CMYK

69.2%, 0.0%, 3.8%, 47.8%

OKLCH

0.5627 0.0844 189.8

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#298580

#85292E

Analogous

#298552

#295C85

#298580

Triadic

#298580

#802985

#858029

Split Complementary

#298580

#85295C

#855229

Tetradic

#298580

#522985

#85292E

#5C8529

Color Blindness Simulation

Original

#298580

Protanopia

#515281

Deuteranopia

#4C4582

Tritanopia

#2E8282

Achromatopsia

#717171

CSS Usage

background-color: #298580;
color: #298580;
border-color: #298580;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFA
100
#E5F5F4
200
#C8EEEC
300
#A1E2DF
400
#6FD3CD
500
#3CC3BC
600
#309C96
700
#267D78
800
#1E615E
900
#194845
950
#102D2C

Contrast Checker

Text on white

4.41:1

AA Fail AAA Fail

Text on black

4.76:1

AA Pass 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