#048983

#048983

Color Values

HEX

#048983

RGB

4, 137, 131

HSL

177.3, 94.3%, 27.6%

HSV

177.3, 97.1%, 53.7%

CMYK

97.1%, 0.0%, 4.4%, 46.3%

OKLCH

0.5686 0.0977 189.3

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#048983

#89040A

Analogous

#048940

#044C89

#048983

Triadic

#048983

#830489

#898304

Split Complementary

#048983

#89044C

#894004

Tetradic

#048983

#400489

#89040A

#4C8904

Color Blindness Simulation

Original

#048983

Protanopia

#3E3F84

Deuteranopia

#362C85

Tritanopia

#0B8686

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDFA
300
#88FCF6
400
#48FAF2
500
#07F8ED
600
#06C6BE
700
#059F98
800
#047C76
900
#075A56
950
#053936

Contrast Checker

Text on white

4.28:1

AA Fail AAA Fail

Text on black

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