#298F93

#298F93

Color Values

HEX

#298F93

RGB

41, 143, 147

HSL

182.3, 56.4%, 36.9%

HSV

182.3, 72.1%, 57.6%

CMYK

72.1%, 2.7%, 0.0%, 42.4%

OKLCH

0.5956 0.09 198.9

Properties

Cool Light Nearest: turquoise 4

Color Harmonies

Complementary

#298F93

#932D29

Analogous

#299362

#295A93

#298F93

Triadic

#298F93

#93298F

#8F9329

Split Complementary

#298F93

#93295A

#936229

Tetradic

#298F93

#622993

#932D29

#5A9329

Color Blindness Simulation

Original

#298F93

Protanopia

#555692

Deuteranopia

#4F4892

Tritanopia

#2E9191

Achromatopsia

#7A7A7A

CSS Usage

background-color: #298F93;
color: #298F93;
border-color: #298F93;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E5F5F6
200
#C7EEEF
300
#9FE2E4
400
#6BD2D6
500
#38C2C7
600
#2C9BA0
700
#247C80
800
#1C6164
900
#184749
950
#0F2D2E

Contrast Checker

Text on white

3.86:1

AA Fail AAA Fail

Text on black

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