#48A2F7

#48A2F7

Color Values

HEX

#48A2F7

RGB

72, 162, 247

HSL

209.1, 91.6%, 62.5%

HSV

209.1, 70.9%, 96.9%

CMYK

70.9%, 34.4%, 0.0%, 3.1%

OKLCH

0.6965 0.1517 249.8

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#48A2F7

#F79D48

Analogous

#48F7F4

#484AF7

#48A2F7

Triadic

#48A2F7

#F748A2

#A2F748

Split Complementary

#48A2F7

#F7484A

#F7F448

Tetradic

#48A2F7

#F448F7

#F79D48

#4AF748

Color Blindness Simulation

Original

#48A2F7

Protanopia

#6F70E2

Deuteranopia

#6A63DD

Tritanopia

#4CD2CF

Achromatopsia

#959595

CSS Usage

background-color: #48A2F7;
color: #48A2F7;
border-color: #48A2F7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDCFC
300
#8AC3FA
400
#4AA3F7
500
#0B83F4
600
#0969C3
700
#07549C
800
#05427A
900
#093258
950
#051F38

Contrast Checker

Text on white

2.7:1

AA Fail AAA Fail

Text on black

7.79:1

AA Pass AAA Pass

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