#48747B

#48747B

Color Values

HEX

#48747B

RGB

72, 116, 123

HSL

188.2, 26.2%, 38.2%

HSV

188.2, 41.5%, 48.2%

CMYK

41.5%, 5.7%, 0.0%, 51.8%

OKLCH

0.5298 0.0497 208.5

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#48747B

#7B4F48

Analogous

#487B68

#485A7B

#48747B

Triadic

#48747B

#7B4874

#747B48

Split Complementary

#48747B

#7B485A

#7B6848

Tetradic

#48747B

#68487B

#7B4F48

#5A7B48

Color Blindness Simulation

Original

#48747B

Protanopia

#5B5B79

Deuteranopia

#585579

Tritanopia

#4A7878

Achromatopsia

#6B6B6B

CSS Usage

background-color: #48747B;
color: #48747B;
border-color: #48747B;
Nearest Tailwind: Gray 500 #6B7280

Tailwind Shades

50
#F6F9F9
100
#E9F0F1
200
#D2E2E5
300
#B2CDD2
400
#88B3B9
500
#5E98A1
600
#4B7981
700
#3C6167
800
#2F4C50
900
#25393C
950
#172426

Contrast Checker

Text on white

5.17:1

AA Pass AAA Fail

Text on black

4.06:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026