#488DB7

#488DB7

Color Values

HEX

#488DB7

RGB

72, 141, 183

HSL

202.7, 43.5%, 50.0%

HSV

202.7, 60.7%, 71.8%

CMYK

60.7%, 23.0%, 0.0%, 28.2%

OKLCH

0.6161 0.0945 237.7

Properties

Cool Light Nearest: steelblue

Color Harmonies

Complementary

#488DB7

#B77248

Analogous

#48B7A9

#4856B7

#488DB7

Triadic

#488DB7

#B7488D

#8DB748

Split Complementary

#488DB7

#B74856

#B7A948

Tetradic

#488DB7

#A948B7

#B77248

#56B748

Color Blindness Simulation

Original

#488DB7

Protanopia

#6666AD

Deuteranopia

#625DAA

Tritanopia

#4BA5A3

Achromatopsia

#818181

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EFF4
200
#CCDFEB
300
#A7C8DC
400
#78ABCA
500
#488DB7
600
#3A7192
700
#2E5A75
800
#24465B
900
#1D3543
950
#13222B

Contrast Checker

Text on white

3.64:1

AA Fail AAA Fail

Text on black

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