#48708F

#48708F

Color Values

HEX

#48708F

RGB

72, 112, 143

HSL

206.2, 33.0%, 42.2%

HSV

206.2, 49.7%, 56.1%

CMYK

49.7%, 21.7%, 0.0%, 43.9%

OKLCH

0.5285 0.0666 242.8

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#48708F

#8F6748

Analogous

#488F8B

#484D8F

#48708F

Triadic

#48708F

#8F4870

#708F48

Split Complementary

#48708F

#8F484D

#8F8B48

Tetradic

#48708F

#8B488F

#8F6748

#4D8F48

Color Blindness Simulation

Original

#48708F

Protanopia

#595A88

Deuteranopia

#575486

Tritanopia

#4A8280

Achromatopsia

#6A6A6A

CSS Usage

background-color: #48708F;
color: #48708F;
border-color: #48708F;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DDE7
300
#AEC4D6
400
#82A5C0
500
#5585AA
600
#446A88
700
#37556D
800
#2B4255
900
#22323F
950
#162028

Contrast Checker

Text on white

5.26:1

AA Pass AAA Fail

Text on black

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