#488AFA

#488AFA

Color Values

HEX

#488AFA

RGB

72, 138, 250

HSL

217.8, 94.7%, 63.1%

HSV

217.8, 71.2%, 98.0%

CMYK

71.2%, 44.8%, 0.0%, 2.0%

OKLCH

0.6469 0.1803 260.3

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#488AFA

#FAB848

Analogous

#48E3FA

#5F48FA

#488AFA

Triadic

#488AFA

#FA488A

#8AFA48

Split Complementary

#488AFA

#FA5F48

#E3FA48

Tetradic

#488AFA

#FA48E3

#FAB848

#48FA5F

Color Blindness Simulation

Original

#488AFA

Protanopia

#6565DF

Deuteranopia

#615CD8

Tritanopia

#4BC9C5

Achromatopsia

#848484

CSS Usage

background-color: #488AFA;
color: #488AFA;
border-color: #488AFA;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D3FD
300
#88B3FC
400
#4789FA
500
#0760F8
600
#054DC7
700
#043E9F
800
#03307C
900
#07265A
950
#051839

Contrast Checker

Text on white

3.34:1

AA Fail AAA Fail

Text on black

6.29:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026