#48798B

#48798B

Color Values

HEX

#48798B

RGB

72, 121, 139

HSL

196.1, 31.8%, 41.4%

HSV

196.1, 48.2%, 54.5%

CMYK

48.2%, 12.9%, 0.0%, 45.5%

OKLCH

0.5485 0.0599 223.6

Properties

Cool Dark Nearest: lightskyblue 4

Color Harmonies

Complementary

#48798B

#8B5A48

Analogous

#488B7C

#48588B

#48798B

Triadic

#48798B

#8B4879

#798B48

Split Complementary

#48798B

#8B4858

#8B7C48

Tetradic

#48798B

#7C488B

#8B5A48

#588B48

Color Blindness Simulation

Original

#48798B

Protanopia

#5D5E87

Deuteranopia

#5A5786

Tritanopia

#4A8382

Achromatopsia

#707070

CSS Usage

background-color: #48798B;
color: #48798B;
border-color: #48798B;
Nearest Tailwind: Cyan 700 #0E7490

Tailwind Shades

50
#F5F8F9
100
#E8EFF2
200
#D0E1E7
300
#AECBD5
400
#83AFBF
500
#5792A8
600
#467586
700
#385E6C
800
#2B4954
900
#23373E
950
#162327

Contrast Checker

Text on white

4.79:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026