#78C2F2 Color

Color Information

HEX#78C2F2
RGB120, 194, 242
HSL204° , 82% , 71%
HSV204° , 50% , 95%
CMYK50%, 20%, 0%, 5%

Lighter Shades

#88C9F4 #98D1F5 #A9D8F7 #B9DFF8 #C9E7FA #D9EEFB

Darker Shades

#6AABD5 #5B93B8 #4D7C9B #3E657E #304E61 #223644

Complementary Palette

#67A7D0 #78C2F2 #D09167 #F2A978 #F4B58B #8BCBF4

Analogous Palette

#7ECDC5 #87E3DA #71B6E3 #78C2F2 #8790E3 #8F98E5

Triadic Palette

#6AABD5 #78C2F2 #F971C3 #FA82CA #C3F971 #ACDB63

Split Complementary Palette

#6CAFDA #78C2F2 #F27885 #F38691 #F2E678 #DACF6C

Square Palette

#65A3CB #78C2F2 #E080EA #EAAA80 #85F278 #99F48E

Tetradic Palette

#629FC6 #78C2F2 #A66BFF #F2A978 #C4FF6B #CFFF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #78C2F2 contains 120 red, 194 green, and 242 blue.

Contrast Ratio: 1.92:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.94:1