#048584

#048584

Color Values

HEX

#048584

RGB

4, 133, 132

HSL

179.5, 94.2%, 26.9%

HSV

179.5, 97.0%, 52.2%

CMYK

97.0%, 0.0%, 0.8%, 47.8%

OKLCH

0.5583 0.0948 193.8

Properties

Cool Light Nearest: teal

Color Harmonies

Complementary

#048584

#850405

Analogous

#048544

#044685

#048584

Triadic

#048584

#840485

#858404

Split Complementary

#048584

#850446

#854404

Tetradic

#048584

#440485

#850405

#468504

Color Blindness Simulation

Original

#048584

Protanopia

#3C3D84

Deuteranopia

#342B84

Tritanopia

#0A8484

Achromatopsia

#6A6A6A

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFBFB
200
#BAFDFC
300
#88FBFA
400
#48FAF8
500
#07F8F6
600
#06C6C4
700
#059E9D
800
#047C7B
900
#075A59
950
#053938

Contrast Checker

Text on white

4.47:1

AA Fail AAA Fail

Text on black

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