#297D83

#297D83

Color Values

HEX

#297D83

RGB

41, 125, 131

HSL

184.0, 52.3%, 33.7%

HSV

184.0, 68.7%, 51.4%

CMYK

68.7%, 4.6%, 0.0%, 48.6%

OKLCH

0.5429 0.0788 201.9

Properties

Cool Dark Nearest: RAL 5018 Turquoise Blue

Color Harmonies

Complementary

#297D83

#832F29

Analogous

#29835C

#295083

#297D83

Triadic

#297D83

#83297D

#7D8329

Split Complementary

#297D83

#832950

#835C29

Tetradic

#297D83

#5C2983

#832F29

#508329

Color Blindness Simulation

Original

#297D83

Protanopia

#4D4E82

Deuteranopia

#484281

Tritanopia

#2D8080

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E5F4F5
200
#C9EBEE
300
#A2DEE2
400
#6FCBD2
500
#3DB9C2
600
#31949B
700
#27777C
800
#1E5D61
900
#1A4447
950
#102B2D

Contrast Checker

Text on white

4.82:1

AA Pass AAA Fail

Text on black

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