#C6DCF0 Color

Color Information

HEX#C6DCF0
RGB198, 220, 240
HSL209° , 58% , 86%
HSV209° , 18% , 94%
CMYK18%, 8%, 0%, 6%

Lighter Shades

#CDE0F2 #D4E4F4 #DBE9F5 #E1EDF7 #E8F1F9 #EFF5FB

Darker Shades

#AEC2D3 #96A7B6 #7F8D9A #67727D #4F5860 #373E43

Complementary Palette

#AABDCE #C6DCF0 #CEBCAB #F0DBC7 #F2E0CF #CEE1F2

Analogous Palette

#C1D2D1 #CEE9E8 #BACFE2 #C6DCF0 #CECEE9 #D1D1EA

Triadic Palette

#AEC2D3 #C6DCF0 #F4C3DC #F5CAE0 #DCF4C3 #C2D7AC

Split Complementary Palette

#B2C6D8 #C6DCF0 #F0C7C7 #F2CDCD #F0EFC7 #D8D7B3

Square Palette

#A6B9CA #C6DCF0 #ECCAEC #ECDBCA #C7F0C7 #D0F2D0

Tetradic Palette

#A2B4C5 #C6DCF0 #DAC0F6 #F0DBC7 #DCF6C0 #E2F8CB

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #C6DCF0 contains 198 red, 220 green, and 240 blue.

Contrast Ratio: 1.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.04:1