#3AD2EA Color

Color Information

HEX#3AD2EA
RGB58, 210, 234
HSL188° , 81% , 57%
HSV188° , 75% , 92%
CMYK75%, 10%, 0%, 8%

Lighter Shades

#52D7ED #69DDEF #81E2F2 #99E8F4 #B0EDF7 #C8F2F9

Darker Shades

#33B9CE #2CA0B2 #258696 #1E6D7A #17545E #103B42

Complementary Palette

#32B5C9 #3AD2EA #C94531 #EA5039 #ED6955 #56D8ED

Analogous Palette

#4BBE94 #4ED4A3 #37C5DC #3AD2EA #4E80D4 #5F8BD8

Triadic Palette

#33B9CE #3AD2EA #F52EDB #F647DF #DBF52E #C1D828

Split Complementary Palette

#34BDD3 #3AD2EA #EA397A #EC4D87 #EAA939 #D39833

Square Palette

#31B0C5 #3AD2EA #A643DF #DF5843 #7AEA39 #8FED59

Tetradic Palette

#30ACC0 #3AD2EA #4225FE #EA5039 #E1FE25 #E6FE4C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AD2EA contains 58 red, 210 green, and 234 blue.

Contrast Ratio: 1.8:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.69:1