#74A2DC

#74A2DC

Color Values

HEX

#74A2DC

RGB

116, 162, 220

HSL

213.5, 59.8%, 65.9%

HSV

213.5, 47.3%, 86.3%

CMYK

47.3%, 26.4%, 0.0%, 13.7%

OKLCH

0.7024 0.0991 254.7

Properties

Cool Light Nearest: steelblue 3

Color Harmonies

Complementary

#74A2DC

#DCAE74

Analogous

#74D6DC

#7A74DC

#74A2DC

Triadic

#74A2DC

#DC74A2

#A2DC74

Split Complementary

#74A2DC

#DC7A74

#D6DC74

Tetradic

#74A2DC

#DC74D6

#DCAE74

#74DC7A

Color Blindness Simulation

Original

#74A2DC

Protanopia

#8888CE

Deuteranopia

#8582CB

Tritanopia

#76C3C0

Achromatopsia

#9C9C9C

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C6D9F1
300
#9DBEE6
400
#689AD9
500
#3377CC
600
#295FA3
700
#214C82
800
#1A3B66
900
#162D4B
950
#0E1D2F

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

7.94:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026