#a0ccd2 hex color

In a RGB color space, hex #a0ccd2 is composed of 62.7% red, 80% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 2.9% magenta, 0% yellow and 17.6% black. It has a hue angle of 187.2 degrees, a saturation of 35.7% and a lightness of 72.5%. #a0ccd2 color hex could be obtained by blending #ffffff with #4199a5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 80
- B 82
RGB color chart
- C 24
- M 3
- Y 0
- K 18
CMYK color chart

● #a0ccd2 color description : Grayish cyan.

The hexadecimal color #a0ccd2 has RGB values of R:160, G:204, B:210 and CMYK values of C:0.24, M:0.03, Y:0, K:0.18. Its decimal value is 10538194.

Hex triplet	a0ccd2	`#a0ccd2`
RGB Decimal	160, 204, 210	`rgb(160,204,210)`
RGB Percent	62.7, 80, 82.4	`rgb(62.7%,80%,82.4%)`
CMYK	24, 3, 0, 18
HSL	187.2°, 35.7, 72.5	`hsl(187.2,35.7%,72.5%)`
HSV (or HSB)	187.2°, 23.8, 82.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	79.22, -13.034, -7.724
XYZ	47.72, 55.311, 69.131
xyY	0.277, 0.321, 55.311
CIE-LCH	79.22, 15.151, 210.651
CIE-LUV	79.22, -22.53, -9.724
Hunter-Lab	74.371, -15.616, -3.052
Binary	10100000, 11001100, 11010010

#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#d2a6a0
```
#d2a6a0 rgb(210,166,160)
```

Complementary Color

#a0d2bf
```
#a0d2bf rgb(160,210,191)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#a0b3d2
```
#a0b3d2 rgb(160,179,210)
```

Analogous Color

#d2bfa0
```
#d2bfa0 rgb(210,191,160)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#d2a0b3
```
#d2a0b3 rgb(210,160,179)
```

Split Complementary Color

#ccd2a0
```
#ccd2a0 rgb(204,210,160)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#d2a0cc
```
#d2a0cc rgb(210,160,204)
```

Triadic Color

#a0d2a6
```
#a0d2a6 rgb(160,210,166)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#d2a0cc
```
#d2a0cc rgb(210,160,204)
```
#d2a6a0
```
#d2a6a0 rgb(210,166,160)
```

Tetradic Color

#6cb0b9
```
#6cb0b9 rgb(108,176,185)
```
#7db9c2
```
#7db9c2 rgb(125,185,194)
```
#8fc3ca
```
#8fc3ca rgb(143,195,202)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#b1d5da
```
#b1d5da rgb(177,213,218)
```
#c3dfe2
```
#c3dfe2 rgb(195,223,226)
```
#d4e8eb
```
#d4e8eb rgb(212,232,235)
```

Monochromatic Color

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

#a0d2cc
```
#a0d2cc rgb(160,210,204)
```
#a0d2d0
```
#a0d2d0 rgb(160,210,208)
```
#a0d0d2
```
#a0d0d2 rgb(160,208,210)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#a0c8d2
```
#a0c8d2 rgb(160,200,210)
```
#a0c4d2
```
#a0c4d2 rgb(160,196,210)
```
#a0c0d2
```
#a0c0d2 rgb(160,192,210)
```

Similar Colors

Text with hexadecimal color #a0ccd2

This text has a font color of #a0ccd2.

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

#a0ccd2 background color

This paragraph has a background color of #a0ccd2.

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

#a0ccd2 border color

This element has a border color of #a0ccd2.

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

CSS codes

.text {color:#a0ccd2;}

.background {background-color:#a0ccd2;}

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

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, #050b0b is the darkest color, while #fdfefe is the lightest one.

#050b0b
```
#050b0b rgb(5,11,11)
```
#0c1719
```
#0c1719 rgb(12,23,25)
```
#122426
```
#122426 rgb(18,36,38)
```
#183033
```
#183033 rgb(24,48,51)
```
#1f3d41
```
#1f3d41 rgb(31,61,65)
```
#25494e
```
#25494e rgb(37,73,78)
```
#2b565b
```
#2b565b rgb(43,86,91)
```
#326269
```
#326269 rgb(50,98,105)
```
#386f76
```
#386f76 rgb(56,111,118)
```
#3e7b83
```
#3e7b83 rgb(62,123,131)
```
#448791
```
#448791 rgb(68,135,145)
```
#4b949e
```
#4b949e rgb(75,148,158)
```
#51a0ab
```
#51a0ab rgb(81,160,171)
```

Shade Color Variation

#5da8b2
```
#5da8b2 rgb(93,168,178)
```
#6bafb9
```
#6bafb9 rgb(107,175,185)
```
#78b7bf
```
#78b7bf rgb(120,183,191)
```
#85bec5
```
#85bec5 rgb(133,190,197)
```
#93c5cc
```
#93c5cc rgb(147,197,204)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#add3d8
```
#add3d8 rgb(173,211,216)
```
#bbdadf
```
#bbdadf rgb(187,218,223)
```
#c8e1e5
```
#c8e1e5 rgb(200,225,229)
```
#d5e9eb
```
#d5e9eb rgb(213,233,235)
```
#e3f0f2
```
#e3f0f2 rgb(227,240,242)
```
#f0f7f8
```
#f0f7f8 rgb(240,247,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#b6bcbc
```
#b6bcbc rgb(182,188,188)
```
#b0c0c2
```
#b0c0c2 rgb(176,192,194)
```
#abc4c7
```
#abc4c7 rgb(171,196,199)
```
#a5c8cd
```
#a5c8cd rgb(165,200,205)
```
#a0ccd2
```
#a0ccd2 rgb(160,204,210)
```
#9bd0d7
```
#9bd0d7 rgb(155,208,215)
```
#95d4dd
```
#95d4dd rgb(149,212,221)
```
#90d8e2
```
#90d8e2 rgb(144,216,226)
```
#8adce8
```
#8adce8 rgb(138,220,232)
```
#85e0ed
```
#85e0ed rgb(133,224,237)
```
#80e5f2
```
#80e5f2 rgb(128,229,242)
```
#7ae9f8
```
#7ae9f8 rgb(122,233,248)
```
#75edfd
```
#75edfd rgb(117,237,253)
```

Tone Color Variation

Below, you can see how #a0ccd2 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

#c0c0c0 Achromatopsia 0.005% of the population
#bac2c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c6cf Protanopia 1% of men
#d1c2d8 Deuteranopia 1% of men
#a6cddc Tritanopia 0.001% of the population

Trichromacy

#b9c8d0 Protanomaly 1% of men, 0.01% of women
#bfc5d6 Deuteranomaly 6% of men, 0.4% of women
#a4ccd8 Tritanomaly 0.01% of the population

#a0ccd2 hex color

#a0ccd2 Color Information

#a0ccd2 Color Conversion

Color Schemes with #a0ccd2

Alternatives to #a0ccd2

#a0ccd2 Preview

Shades and Tints of #a0ccd2

Tones of #a0ccd2

Color Blindness Simulator