#74A2EC

#74A2EC

Color Values

HEX

#74A2EC

RGB

116, 162, 236

HSL

217.0, 75.9%, 69.0%

HSV

217.0, 50.8%, 92.5%

CMYK

50.8%, 31.4%, 0.0%, 7.5%

OKLCH

0.71 0.1199 259.6

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#74A2EC

#ECBE74

Analogous

#74DEEC

#8274EC

#74A2EC

Triadic

#74A2EC

#EC74A2

#A2EC74

Split Complementary

#74A2EC

#EC8274

#DEEC74

Tetradic

#74A2EC

#EC74DE

#ECBE74

#74EC82

Color Blindness Simulation

Original

#74A2EC

Protanopia

#8888DA

Deuteranopia

#8582D6

Tritanopia

#76CCC9

Achromatopsia

#9E9E9E

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EAF9
200
#C0D5F6
300
#93B7F0
400
#5990E8
500
#1F69E0
600
#1954B3
700
#144390
800
#0F3470
900
#0F2952
950
#0A1A34

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

8.12:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026