#7AE6F6 Color

Color Information

HEX#7AE6F6
RGB122, 230, 246
HSL188° , 87% , 72%
HSV188° , 50% , 96%
CMYK50%, 7%, 0%, 4%

Lighter Shades

#8AE9F7 #9AECF8 #AAEFF9 #BAF2FA #CAF5FB #DAF8FC

Darker Shades

#6BCAD8 #5DAFBB #4E939D #3F7880 #315C62 #224045

Complementary Palette

#69C6D4 #7AE6F6 #D47768 #F68A79 #F79A8C #8DEAF7

Analogous Palette

#80D0B3 #88E7C4 #73D8E7 #7AE6F6 #88ABE7 #90B1EA

Triadic Palette

#6BCAD8 #7AE6F6 #FD72EA #FD83ED #EAFD72 #CEDF64

Split Complementary Palette

#6ECFDD #7AE6F6 #F679A7 #F786B0 #F6C879 #DDB46D

Square Palette

#66C1CF #7AE6F6 #C681EF #EF8F81 #A7F679 #B5F78E

Tetradic Palette

#64BDCA #7AE6F6 #8370FF #F68A79 #ECFF70 #EFFF8A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AE6F6 contains 122 red, 230 green, and 246 blue.

Contrast Ratio: 1.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 14.57:1