#36C3F6 Color

Color Information

HEX	#36C3F6
RGB	54, 195, 246
HSL	196° , 91% , 59%
HSV	196° , 78% , 96%
CMYK	78%, 21%, 0%, 4%

Lighter Shades

#4ECAF7 #66D1F8 #7ED9F9 #96E0FA #AFE7FB #C7EEFC

Darker Shades

#30ACD8 #2994BB #237D9D #1C6580 #164E62 #0F3745

Complementary Palette

#2EA8D4 #36C3F6 #D45B2F #F66A37 #F77F53 #52CBF7

Analogous Palette

#49CAAC #4CE1BE #33B7E7 #36C3F6 #4C6FE1 #5879E4

Triadic Palette

#30ACD8 #36C3F6 #FF2EC7 #FF47CE #C7FF2E #AFE028

Split Complementary Palette

#31B0DD #36C3F6 #F63764 #F74B74 #F6C937 #DDB532

Square Palette

#2DA4CF #36C3F6 #C442EB #EB6F42 #64F637 #7DF757

Tetradic Palette

#2CA0CA #36C3F6 #662EFF #F66A37 #C7FF2E #D1FF54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #36C3F6 contains 54 red, 195 green, and 246 blue.

Contrast Ratio: 2.02:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.4:1