RGB
RGBMatic

Color #CCD2D2

#CCD2D2
RGB: 204, 210, 210

Color Information

RGB Values

204
Red
210
Green
210
Blue

HSL Values

180°
Hue
6%
Saturation
81%
Lightness

CMYK Values

3%
Cyan
0%
Magenta
0%
Yellow
18%
Key

Additional Info

Web Safe:#CCCCCC
Dominant:cyan

Color Harmonies

Complementary Color

Triadic Colors

Analogous Colors

Split Complementary Colors

About RGB Color 204, 210, 210

Psychological Impact of This Color

Clarity & Freshness

With cyan as the dominant component, this color may evoke feelings of tranquility, clarity, and freshness. Cyan colors are often associated with water, technology, and a sense of calm efficiency.

The lighter tone adds a sense of accessibility and openness to the color's impact.

Common Applications

RGB color 204, 210, 210 (#CCD2D2) can be effectively used in:

Web Design

Buttons, headers, or accent colors

Digital Art

Illustrations and creative projects

UI Design

Applications and websites interfaces

Marketing

Branding elements and materials

About Color #CCD2D2

The color #CCD2D2 (RGB 204, 210, 210) contains high red, high green, and high blue values, making it primarily a cyan color.

Psychological Impact of This Color

Clarity & Freshness

With cyan as the dominant component, this color may evoke feelings of tranquility, clarity, and freshness. Cyan colors are often associated with water, technology, and a sense of calm efficiency.

The lighter tone adds a sense of accessibility and openness to the color's impact.

Common Applications

Digital Design

Cyan-dominant colors are popular in tech interfaces, healthcare applications, and designs that aim to convey clarity and efficiency.

Print & Physical Media

This more muted color would reproduce consistently across different print materials and would work well as a background or supporting element. Due to its lightness, it works well as a background but may not provide enough contrast for text.

Color Effects

Text Effects

Text Color

Sample Text with this Color

color: #CCD2D2;

Background Color

Sample Text on this Color

background-color: #CCD2D2;

Shadow Effects

Box Shadow

box-shadow: 0 4px 8px #CCD2D280;

Text Shadow

Text Shadow Effect

text-shadow: 2px 2px 4px #CCD2D280;

Share This Color