#74AEED

#74AEED

Color Values

HEX

#74AEED

RGB

116, 174, 237

HSL

211.2, 77.1%, 69.2%

HSV

211.2, 51.1%, 92.9%

CMYK

51.1%, 26.6%, 0.0%, 7.1%

OKLCH

0.7362 0.1102 251.4

Properties

Cool Light Nearest: steelblue 2

Color Harmonies

Complementary

#74AEED

#EDB374

Analogous

#74EBED

#7674ED

#74AEED

Triadic

#74AEED

#ED74AE

#AEED74

Split Complementary

#74AEED

#ED7674

#EBED74

Tetradic

#74AEED

#ED74EB

#EDB374

#74ED76

Color Blindness Simulation

Original

#74AEED

Protanopia

#8D8EDE

Deuteranopia

#8A85DA

Tritanopia

#77D2CF

Achromatopsia

#A6A6A6

CSS Usage

background-color: #74AEED;
color: #74AEED;
border-color: #74AEED;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#C0DAF7
300
#93C0F1
400
#589EE9
500
#1D7CE2
600
#1763B5
700
#134F91
800
#0F3E71
900
#0F2F52
950
#091E34

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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