#298481

#298481

Color Values

HEX

#298481

RGB

41, 132, 129

HSL

178.0, 52.6%, 33.9%

HSV

178.0, 68.9%, 51.8%

CMYK

68.9%, 0.0%, 2.3%, 48.2%

OKLCH

0.5604 0.0834 191.9

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#298481

#84292C

Analogous

#298453

#295984

#298481

Triadic

#298481

#812984

#848129

Split Complementary

#298481

#842959

#845329

Tetradic

#298481

#532984

#84292C

#598429

Color Blindness Simulation

Original

#298481

Protanopia

#505182

Deuteranopia

#4B4482

Tritanopia

#2E8282

Achromatopsia

#707070

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E2E0
400
#6FD2CF
500
#3CC3BE
600
#309C98
700
#277D7A
800
#1E615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.71:1

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