#c5cdf2 hex color

In a RGB color space, hex #c5cdf2 is composed of 77.3% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.3 degrees, a saturation of 63.4% and a lightness of 86.1%. #c5cdf2 color hex could be obtained by blending #ffffff with #8b9be5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 77
- G 80
- B 95
RGB color chart
- C 19
- M 15
- Y 0
- K 5
CMYK color chart

● #c5cdf2 color description : Light grayish blue.

The hexadecimal color #c5cdf2 has RGB values of R:197, G:205, B:242 and CMYK values of C:0.19, M:0.15, Y:0, K:0.05. Its decimal value is 12963314.

Hex triplet	c5cdf2	`#c5cdf2`
RGB Decimal	197, 205, 242	`rgb(197,205,242)`
RGB Percent	77.3, 80.4, 94.9	`rgb(77.3%,80.4%,94.9%)`
CMYK	19, 15, 0, 5
HSL	229.3°, 63.4, 86.1	`hsl(229.3,63.4%,86.1%)`
HSV (or HSB)	229.3°, 18.6, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	82.883, 4.787, -19.1
XYZ	60.881, 61.943, 92.748
xyY	0.282, 0.287, 61.943
CIE-LCH	82.883, 19.691, 284.07
CIE-LUV	82.883, -6.278, -31.001
Hunter-Lab	78.704, 0.346, -14.777
Binary	11000101, 11001101, 11110010

#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#f2eac5
```
#f2eac5 rgb(242,234,197)
```

Complementary Color

#c5e4f2
```
#c5e4f2 rgb(197,228,242)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#d4c5f2
```
#d4c5f2 rgb(212,197,242)
```

Analogous Color

#e4f2c5
```
#e4f2c5 rgb(228,242,197)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#f2d4c5
```
#f2d4c5 rgb(242,212,197)
```

Split Complementary Color

#cdf2c5
```
#cdf2c5 rgb(205,242,197)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#f2c5cd
```
#f2c5cd rgb(242,197,205)
```

Triadic Color

#c5f2ea
```
#c5f2ea rgb(197,242,234)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#f2c5cd
```
#f2c5cd rgb(242,197,205)
```
#f2eac5
```
#f2eac5 rgb(242,234,197)
```

Tetradic Color

#8797e4
```
#8797e4 rgb(135,151,228)
```
#9ba9e9
```
#9ba9e9 rgb(155,169,233)
```
#b0bbed
```
#b0bbed rgb(176,187,237)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#dadff7
```
#dadff7 rgb(218,223,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

Below, you can see some colors close to #c5cdf2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c5d8f2
```
#c5d8f2 rgb(197,216,242)
```
#c5d5f2
```
#c5d5f2 rgb(197,213,242)
```
#c5d1f2
```
#c5d1f2 rgb(197,209,242)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#c5c9f2
```
#c5c9f2 rgb(197,201,242)
```
#c5c6f2
```
#c5c6f2 rgb(197,198,242)
```
#c8c5f2
```
#c8c5f2 rgb(200,197,242)
```

Similar Colors

Text with hexadecimal color #c5cdf2

This text has a font color of #c5cdf2.

<span style="color:#c5cdf2;">Text here</span>

#c5cdf2 background color

This paragraph has a background color of #c5cdf2.

<p style="background-color:#c5cdf2;">Content here</p>

#c5cdf2 border color

This element has a border color of #c5cdf2.

<div style="border:1px solid #c5cdf2;">Content here</div>

CSS codes

.text {color:#c5cdf2;}

.background {background-color:#c5cdf2;}

.border {border:1px solid #c5cdf2;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #010206 is the darkest color, while #f5f6fd is the lightest one.

#010206
```
#010206 rgb(1,2,6)
```
#050816
```
#050816 rgb(5,8,22)
```
#090e26
```
#090e26 rgb(9,14,38)
```
#0c1436
```
#0c1436 rgb(12,20,54)
```
#101946
```
#101946 rgb(16,25,70)
```
#131f56
```
#131f56 rgb(19,31,86)
```
#172566
```
#172566 rgb(23,37,102)
```
#1b2b76
```
#1b2b76 rgb(27,43,118)
```
#1e3186
```
#1e3186 rgb(30,49,134)
```
#223696
```
#223696 rgb(34,54,150)
```
#253ca6
```
#253ca6 rgb(37,60,166)
```
#2942b6
```
#2942b6 rgb(41,66,182)
```
#2c48c6
```
#2c48c6 rgb(44,72,198)
```

Shade Color Variation

#3551d2
```
#3551d2 rgb(53,81,210)
```
#455ed5
```
#455ed5 rgb(69,94,213)
```
#556cd9
```
#556cd9 rgb(85,108,217)
```
#657adc
```
#657adc rgb(101,122,220)
```
#7588e0
```
#7588e0 rgb(117,136,224)
```
#8596e4
```
#8596e4 rgb(133,150,228)
```
#95a4e7
```
#95a4e7 rgb(149,164,231)
```
#a5b1eb
```
#a5b1eb rgb(165,177,235)
```
#b5bfee
```
#b5bfee rgb(181,191,238)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#d5dbf6
```
#d5dbf6 rgb(213,219,246)
```
#e5e9f9
```
#e5e9f9 rgb(229,233,249)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #dbdbdc is the less saturated color, while #bac6fd is the most saturated one.

#dbdbdc
```
#dbdbdc rgb(219,219,220)
```
#d8d9df
```
#d8d9df rgb(216,217,223)
```
#d5d8e2
```
#d5d8e2 rgb(213,216,226)
```
#d3d6e4
```
#d3d6e4 rgb(211,214,228)
```
#d0d4e7
```
#d0d4e7 rgb(208,212,231)
```
#cdd2ea
```
#cdd2ea rgb(205,210,234)
```
#cad1ed
```
#cad1ed rgb(202,209,237)
```
#c8cfef
```
#c8cfef rgb(200,207,239)
```
#c5cdf2
```
#c5cdf2 rgb(197,205,242)
```
#c2cbf5
```
#c2cbf5 rgb(194,203,245)
```
#c0c9f7
```
#c0c9f7 rgb(192,201,247)
```
#bdc8fa
```
#bdc8fa rgb(189,200,250)
```
#bac6fd
```
#bac6fd rgb(186,198,253)
```

Tone Color Variation

Below, you can see how #c5cdf2 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#cfcfcf Achromatopsia 0.005% of the population
#cdcfd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cff2 Protanopia 1% of men
#d2ccf3 Deuteranopia 1% of men
#c4d2e1 Tritanopia 0.001% of the population

Trichromacy

#c7cef2 Protanomaly 1% of men, 0.01% of women
#cdccf3 Deuteranomaly 6% of men, 0.4% of women
#c4d0e7 Tritanomaly 0.01% of the population

#c5cdf2 hex color

#c5cdf2 Color Information

#c5cdf2 Color Conversion

Color Schemes with #c5cdf2

Alternatives to #c5cdf2

#c5cdf2 Preview

Shades and Tints of #c5cdf2

Tones of #c5cdf2

Color Blindness Simulator