#CADEF2 Color

Color Information

HEX#CADEF2
RGB202, 222, 242
HSL210° , 61% , 87%
HSV210° , 17% , 95%
CMYK17%, 8%, 0%, 5%

Lighter Shades

#D0E2F4 #D7E6F5 #DDEAF7 #E3EEF8 #EAF2FA #F0F6FB

Darker Shades

#B2C3D5 #9AA9B8 #818E9B #69737E #515961 #393E44

Complementary Palette

#AEBFD0 #CADEF2 #D0BFAE #F2DECA #F4E3D1 #D1E3F4

Analogous Palette

#C3D5D5 #D0EBEB #BED1E3 #CADEF2 #D0D0EB #D4D4ED

Triadic Palette

#B2C3D5 #CADEF2 #F5C6DE #F6CDE2 #DEF5C6 #C3D8AE

Split Complementary Palette

#B6C8DA #CADEF2 #F2CACA #F3CFCF #F2F2CA #DADAB6

Square Palette

#AABACB #CADEF2 #EFCDEF #EFDECD #CAF2CA #D2F4D2

Tetradic Palette

#A6B6C6 #CADEF2 #DEC4F8 #F2DECA #DEF8C4 #E4F9CF

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #CADEF2 contains 202 red, 222 green, and 242 blue.

Contrast Ratio: 1.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.38:1