#3AEFF2 Color

Color Information

HEX#3AEFF2
RGB58, 239, 242
HSL181° , 88% , 59%
HSV181° , 76% , 95%
CMYK76%, 1%, 0%, 5%

Lighter Shades

#52F1F4 #69F3F5 #81F5F7 #99F7F8 #B0F9FA #C8FBFB

Darker Shades

#33D2D5 #2CB6B8 #25999B #1E7C7E #176061 #104344

Complementary Palette

#32CED0 #3AEFF2 #D03532 #F23E3A #F45956 #56F1F4

Analogous Palette

#4CC88C #4FDE99 #37E1E3 #3AEFF2 #4F94DE #5C9CE0

Triadic Palette

#33D2D5 #3AEFF2 #FD30F9 #FD49FA #F9FD30 #DBDF2A

Split Complementary Palette

#34D7DA #3AEFF2 #F23A93 #F34E9E #F29A3A #DA8B34

Square Palette

#31C9CB #3AEFF2 #9945E8 #E84845 #93F23A #A4F45A

Tetradic Palette

#30C4C6 #3AEFF2 #312EFF #F23E3A #FCFF2E #FDFF54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AEFF2 contains 58 red, 239 green, and 242 blue.

Contrast Ratio: 1.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.85:1