#74ADF9

#74ADF9

Color Values

HEX

#74ADF9

RGB

116, 173, 249

HSL

214.3, 91.7%, 71.6%

HSV

214.3, 53.4%, 97.6%

CMYK

53.4%, 30.5%, 0.0%, 2.4%

OKLCH

0.7398 0.126 256.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#74ADF9

#F9C074

Analogous

#74EFF9

#7E74F9

#74ADF9

Triadic

#74ADF9

#F974AD

#ADF974

Split Complementary

#74ADF9

#F97E74

#EFF974

Tetradic

#74ADF9

#F974EF

#F9C074

#74F97E

Color Blindness Simulation

Original

#74ADF9

Protanopia

#8D8DE7

Deuteranopia

#8985E2

Tritanopia

#77D8D5

Achromatopsia

#A6A6A6

CSS Usage

background-color: #74ADF9;
color: #74ADF9;
border-color: #74ADF9;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F6FD
100
#DFEBFB
200
#BBD7FC
300
#8ABAFA
400
#4A94F7
500
#0B6FF4
600
#0859C4
700
#07479C
800
#05377A
900
#082B58
950
#051B38

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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