#48828F

#48828F

Color Values

HEX

#48828F

RGB

72, 130, 143

HSL

191.0, 33.0%, 42.2%

HSV

191.0, 49.7%, 56.1%

CMYK

49.7%, 9.1%, 0.0%, 43.9%

OKLCH

0.5722 0.0638 213.9

Properties

Cool Light Nearest: cadetblue 4

Color Harmonies

Complementary

#48828F

#8F5548

Analogous

#488F79

#485F8F

#48828F

Triadic

#48828F

#8F4882

#828F48

Split Complementary

#48828F

#8F485F

#8F7948

Tetradic

#48828F

#79488F

#8F5548

#5F8F48

Color Blindness Simulation

Original

#48828F

Protanopia

#61628C

Deuteranopia

#5E598B

Tritanopia

#4B8989

Achromatopsia

#777777

CSS Usage

background-color: #48828F;
color: #48828F;
border-color: #48828F;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F9F9
100
#E8F0F2
200
#D0E3E7
300
#AECFD6
400
#82B4C0
500
#559AAA
600
#447B88
700
#37636D
800
#2B4D55
900
#223A3F
950
#162428

Contrast Checker

Text on white

4.32:1

AA Fail AAA Fail

Text on black

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