#048A83

#048A83

Color Values

HEX

#048A83

RGB

4, 138, 131

HSL

176.9, 94.4%, 27.8%

HSV

176.9, 97.1%, 54.1%

CMYK

97.1%, 0.0%, 5.1%, 45.9%

OKLCH

0.5713 0.0985 188.5

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#048A83

#8A040B

Analogous

#048A40

#044E8A

#048A83

Triadic

#048A83

#83048A

#8A8304

Split Complementary

#048A83

#8A044E

#8A4004

Tetradic

#048A83

#40048A

#8A040B

#4E8A04

Color Blindness Simulation

Original

#048A83

Protanopia

#3E3F85

Deuteranopia

#362C85

Tritanopia

#0B8686

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFA
200
#BAFDFA
300
#88FCF6
400
#48FAF1
500
#07F8EB
600
#06C6BC
700
#059F97
800
#047C76
900
#075A55
950
#053936

Contrast Checker

Text on white

4.23:1

AA Fail AAA Fail

Text on black

4.97:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026