#48B7AC

#48B7AC

Color Values

HEX

#48B7AC

RGB

72, 183, 172

HSL

174.1, 43.5%, 50.0%

HSV

174.1, 60.7%, 71.8%

CMYK

60.7%, 0.0%, 6.0%, 28.2%

OKLCH

0.7132 0.1016 186.1

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#48B7AC

#B74853

Analogous

#48B775

#488AB7

#48B7AC

Triadic

#48B7AC

#AC48B7

#B7AC48

Split Complementary

#48B7AC

#B7488A

#B77548

Tetradic

#48B7AC

#7548B7

#B74853

#8AB748

Color Blindness Simulation

Original

#48B7AC

Protanopia

#7879AF

Deuteranopia

#7269AF

Tritanopia

#4EB1B1

Achromatopsia

#9F9F9F

CSS Usage

background-color: #48B7AC;
color: #48B7AC;
border-color: #48B7AC;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F5FAFA
100
#E7F4F2
200
#CCEBE8
300
#A7DCD7
400
#78CAC2
500
#48B7AC
600
#3A928A
700
#2E756E
800
#245B56
900
#1D4340
950
#132B28

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

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