#74AAE2 Color

Color Information

HEX#74AAE2
RGB116, 170, 226
HSL211° , 65% , 67%
HSV211° , 49% , 89%
CMYK49%, 25%, 0%, 11%

Lighter Shades

#85B4E5 #95BEE9 #A6C9EC #B7D3F0 #C7DDF3 #D8E7F7

Darker Shades

#6696C7 #5881AC #4A6D91 #3C5876 #2E445A #20303F

Complementary Palette

#6492C2 #74AAE2 #C29564 #E2AD74 #E6B887 #87B6E6

Analogous Palette

#7FBCBD #85CFD1 #6DA0D4 #74AAE2 #8685D1 #9190D5

Triadic Palette

#6696C7 #74AAE2 #EA6CA9 #ED7EB3 #A9EA6C #95CE5F

Split Complementary Palette

#6899CB #74AAE2 #E27674 #E58482 #E0E274 #CACB68

Square Palette

#618FBE #74AAE2 #D97DD8 #D9AC7D #74E276 #8AE78C

Tetradic Palette

#5F8BB9 #74AAE2 #AD65F1 #E2AD74 #A9F165 #B8F481

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #74AAE2 contains 116 red, 170 green, and 226 blue.

Contrast Ratio: 2.41:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 8.72:1