#7AC5E2 Color

Color Information

HEX#7AC5E2
RGB122, 197, 226
HSL197° , 64% , 68%
HSV197° , 46% , 89%
CMYK46%, 13%, 0%, 11%

Lighter Shades

#8ACCE5 #9AD3E9 #AADAEC #BAE1F0 #CAE8F3 #DAEFF7

Darker Shades

#6BADC7 #5D96AC #4E7E91 #3F6676 #314F5A #22373F

Complementary Palette

#69A9C2 #7AC5E2 #C28268 #E29779 #E6A68C #8DCDE6

Analogous Palette

#83BEB1 #89D1C2 #73B9D4 #7AC5E2 #8999D1 #95A3D6

Triadic Palette

#6BADC7 #7AC5E2 #EA71C8 #ED82CF #C8EA71 #B0CE63

Split Complementary Palette

#6EB1CB #7AC5E2 #E27990 #E5869B #E2CB79 #CBB76D

Square Palette

#66A5BE #7AC5E2 #C681D9 #D99A81 #90E279 #A2E78E

Tetradic Palette

#64A2B9 #7AC5E2 #906AF0 #E29779 #CAF06A #D4F385

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7AC5E2 contains 122 red, 197 green, and 226 blue.

Contrast Ratio: 1.9:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.05:1