#3AAEF0 Color

Color Information

HEX#3AAEF0
RGB58, 174, 240
HSL202° , 86% , 58%
HSV202° , 76% , 94%
CMYK76%, 28%, 0%, 6%

Lighter Shades

#52B8F2 #69C1F4 #81CBF5 #99D5F7 #B0DFF9 #C8E8FB

Darker Shades

#3399D3 #2C84B6 #256F9A #1E5A7D #174660 #103143

Complementary Palette

#3296CE #3AAEF0 #CE6A30 #F07B38 #F28D54 #56B9F2

Analogous Palette

#4EC6B6 #4DDBC8 #37A4E2 #3AAEF0 #4D60DB #5A6BDD

Triadic Palette

#3399D3 #3AAEF0 #FB2DAF #FB46B9 #AFFB2D #9ADD28

Split Complementary Palette

#349DD8 #3AAEF0 #F03850 #F24C62 #F0D738 #D8C232

Square Palette

#3192CA #3AAEF0 #D043E5 #E57E43 #50F038 #6CF258

Tetradic Palette

#308FC5 #3AAEF0 #7729FF #F07B38 #B0FF29 #BEFF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AAEF0 contains 58 red, 174 green, and 240 blue.

Contrast Ratio: 2.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.6:1