#36A2FF Color

Color Information

HEX	#36A2FF
RGB	54, 162, 255
HSL	208° , 100% , 61%
HSV	208° , 79% , 100%
CMYK	79%, 36%, 0%, 0%

Lighter Shades

#4EADFF #66B8FF #7EC3FF #96CFFF #AFDAFF #C7E5FF

Darker Shades

#308FE0 #297BC2 #2368A3 #1C5485 #164166 #0F2D47

Complementary Palette

#2E8BDB #36A2FF #DB8030 #FF9538 #FFA454 #52AFFF

Analogous Palette

#49D4D0 #4CEBE6 #3398F0 #36A2FF #4C51EB #5A5FED

Triadic Palette

#308FE0 #36A2FF #FF38A2 #FF50AD #A2FF38 #8FE031

Split Complementary Palette

#3192E6 #36A2FF #FF383F #FF4C52 #FFF838 #E6DF32

Square Palette

#2D88D6 #36A2FF #EF42F5 #F59642 #3FFF38 #5EFF58

Tetradic Palette

#2C85D1 #36A2FF #9538FF #FF9538 #A2FF38 #B3FF5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #36A2FF contains 54 red, 162 green, and 255 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.86:1