#488FB7

#488FB7

Color Values

HEX

#488FB7

RGB

72, 143, 183

HSL

201.6, 43.5%, 50.0%

HSV

201.6, 60.7%, 71.8%

CMYK

60.7%, 21.9%, 0.0%, 28.2%

OKLCH

0.6208 0.0935 235.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#488FB7

#B77048

Analogous

#48B7A7

#4858B7

#488FB7

Triadic

#488FB7

#B7488F

#8FB748

Split Complementary

#488FB7

#B74858

#B7A748

Tetradic

#488FB7

#A748B7

#B77048

#58B748

Color Blindness Simulation

Original

#488FB7

Protanopia

#6767AD

Deuteranopia

#635DAB

Tritanopia

#4CA6A4

Achromatopsia

#838383

CSS Usage

background-color: #488FB7;
color: #488FB7;
border-color: #488FB7;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCE0EB
300
#A7C9DC
400
#78ACCA
500
#488FB7
600
#3A7292
700
#2E5C75
800
#24485B
900
#1D3643
950
#13222B

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.89:1

AA Pass 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