#3AEAF6 Color

Color Information

HEX#3AEAF6
RGB58, 234, 246
HSL184° , 91% , 60%
HSV184° , 76% , 96%
CMYK76%, 5%, 0%, 4%

Lighter Shades

#52EDF7 #69EFF8 #81F2F9 #99F4FA #B0F7FB #C8F9FC

Darker Shades

#33CED8 #2CB2BB #25969D #1E7A80 #175E62 #104245

Complementary Palette

#32C9D4 #3AEAF6 #D43F34 #F6493C #F76257 #56EDF7

Analogous Palette

#4DCB95 #51E1A3 #37DCE7 #3AEAF6 #518FE1 #5E98E4

Triadic Palette

#33CED8 #3AEAF6 #FF33F1 #FF4BF3 #F1FF33 #D4E02D

Split Complementary Palette

#34D3DD #3AEAF6 #F63C8D #F75098 #F6A53C #DD9536

Square Palette

#31C5CF #3AEAF6 #A446EC #EC5146 #8DF63C #9FF75B

Tetradic Palette

#30C0CA #3AEAF6 #4133FF #F6493C #F1FF33 #F4FF58

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AEAF6 contains 58 red, 234 green, and 246 blue.

Contrast Ratio: 1.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.34:1