#248982

#248982

Color Values

HEX

#248982

RGB

36, 137, 130

HSL

175.8, 58.4%, 33.9%

HSV

175.8, 73.7%, 53.7%

CMYK

73.7%, 0.0%, 5.1%, 46.3%

OKLCH

0.5727 0.0897 188.1

Properties

Cool Light Nearest: Pine Green

Color Harmonies

Complementary

#248982

#89242B

Analogous

#24894F

#245E89

#248982

Triadic

#248982

#822489

#898224

Split Complementary

#248982

#89245E

#894F24

Tetradic

#248982

#4F2489

#89242B

#5E8924

Color Blindness Simulation

Original

#248982

Protanopia

#505184

Deuteranopia

#4A4284

Tritanopia

#298585

Achromatopsia

#737373

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C6F0ED
300
#9EE6E1
400
#6AD8D0
500
#35CAC0
600
#2AA299
700
#22817B
800
#1B6560
900
#174A46
950
#0F2F2C

Contrast Checker

Text on white

4.22:1

AA Fail AAA Fail

Text on black

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