#64CAF0 Color

Color Information

HEX#64CAF0
RGB100, 202, 240
HSL196° , 82% , 67%
HSV196° , 58% , 94%
CMYK58%, 16%, 0%, 6%

Lighter Shades

#77D0F2 #89D7F4 #9CDDF5 #AEE3F7 #C1EAF9 #D4F0FB

Darker Shades

#58B2D3 #4C9AB6 #40819A #34697D #285160 #1C3943

Complementary Palette

#56AECE #64CAF0 #CE7858 #F08B66 #F29B7B #7AD1F2

Analogous Palette

#72CAB5 #77DFC7 #5EBEE2 #64CAF0 #778FDF #8399E2

Triadic Palette

#58B2D3 #64CAF0 #F85DCF #F970D5 #CFF85D #B6DA52

Split Complementary Palette

#5AB6D8 #64CAF0 #F06686 #F27592 #F0D066 #D8BB5C

Square Palette

#54AACA #64CAF0 #CB6EE7 #E78F6E #86F066 #99F27E

Tetradic Palette

#52A6C5 #64CAF0 #8457FF #F08B66 #D2FF57 #DAFF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64CAF0 contains 100 red, 202 green, and 240 blue.

Contrast Ratio: 1.85:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.37:1