#048189

#048189

Color Values

HEX

#048189

RGB

4, 129, 137

HSL

183.6, 94.3%, 27.6%

HSV

183.6, 97.1%, 53.7%

CMYK

97.1%, 5.8%, 0.0%, 46.3%

OKLCH

0.5497 0.0928 202.5

Properties

Cool Dark Nearest: turquoise 4

Color Harmonies

Complementary

#048189

#890C04

Analogous

#04894E

#043E89

#048189

Triadic

#048189

#890481

#818904

Split Complementary

#048189

#89043E

#894E04

Tetradic

#048189

#4E0489

#890C04

#3E8904

Color Blindness Simulation

Original

#048189

Protanopia

#3A3B87

Deuteranopia

#332987

Tritanopia

#0A8685

Achromatopsia

#676767

CSS Usage

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

Tailwind Shades

50
#F1FDFD
100
#DFFAFB
200
#BAF9FD
300
#88F5FC
400
#48EFFA
500
#07E9F8
600
#06BBC6
700
#05959F
800
#04757C
900
#07555A
950
#053539

Contrast Checker

Text on white

4.66:1

AA Pass AAA Fail

Text on black

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