#048F88

#048F88

Color Values

HEX

#048F88

RGB

4, 143, 136

HSL

177.0, 94.6%, 28.8%

HSV

177.0, 97.2%, 56.1%

CMYK

97.2%, 0.0%, 4.9%, 43.9%

OKLCH

0.5863 0.101 188.7

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#048F88

#8F040B

Analogous

#048F42

#04508F

#048F88

Triadic

#048F88

#88048F

#8F8804

Split Complementary

#048F88

#8F0450

#8F4204

Tetradic

#048F88

#42048F

#8F040B

#508F04

Color Blindness Simulation

Original

#048F88

Protanopia

#40418A

Deuteranopia

#382E8A

Tritanopia

#0B8B8B

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#F1FEFD
100
#DFFCFA
200
#BAFDFA
300
#88FCF6
400
#47FAF1
500
#07F8EC
600
#06C6BD
700
#049F97
800
#037C76
900
#075A56
950
#053936

Contrast Checker

Text on white

3.97:1

AA Fail AAA Fail

Text on black

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