#4AA4F7

#4AA4F7

Color Values

HEX

#4AA4F7

RGB

74, 164, 247

HSL

208.8, 91.5%, 62.9%

HSV

208.8, 70.0%, 96.9%

CMYK

70.0%, 33.6%, 0.0%, 3.1%

OKLCH

0.7015 0.1492 249.2

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#4AA4F7

#F79D4A

Analogous

#4AF7F3

#4A4DF7

#4AA4F7

Triadic

#4AA4F7

#F74AA4

#A4F74A

Split Complementary

#4AA4F7

#F74A4D

#F7F34A

Tetradic

#4AA4F7

#F34AF7

#F79D4A

#4DF74A

Color Blindness Simulation

Original

#4AA4F7

Protanopia

#7172E3

Deuteranopia

#6C65DE

Tritanopia

#4ED3D0

Achromatopsia

#979797

CSS Usage

background-color: #4AA4F7;
color: #4AA4F7;
border-color: #4AA4F7;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDDFC
300
#8AC4FA
400
#4AA4F7
500
#0B84F4
600
#096AC3
700
#07559C
800
#05427A
900
#093258
950
#052038

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.94:1

AA Pass AAA Pass

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