#4AAFF8

#4AAFF8

Color Values

HEX

#4AAFF8

RGB

74, 175, 248

HSL

205.2, 92.6%, 63.1%

HSV

205.2, 70.2%, 97.3%

CMYK

70.2%, 29.4%, 0.0%, 2.7%

OKLCH

0.7264 0.1413 243.6

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#4AAFF8

#F8934A

Analogous

#4AF8EA

#4A58F8

#4AAFF8

Triadic

#4AAFF8

#F84AAF

#AFF84A

Split Complementary

#4AAFF8

#F84A58

#F8EA4A

Tetradic

#4AAFF8

#EA4AF8

#F8934A

#58F84A

Color Blindness Simulation

Original

#4AAFF8

Protanopia

#7677E6

Deuteranopia

#7068E2

Tritanopia

#4FD8D5

Achromatopsia

#9F9F9F

CSS Usage

background-color: #4AAFF8;
color: #4AAFF8;
border-color: #4AAFF8;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE1FC
300
#89CBFA
400
#49AFF8
500
#0992F6
600
#0875C4
700
#065E9D
800
#05497B
900
#083759
950
#052338

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.78:1

AA Pass AAA Pass

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