#acd2ff hex color

In a RGB color space, hex #acd2ff is composed of 67.5% red, 82.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 32.5% cyan, 17.6% magenta, 0% yellow and 0% black. It has a hue angle of 212.5 degrees, a saturation of 100% and a lightness of 83.7%. #acd2ff color hex could be obtained by blending #ffffff with #59a5ff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 82
- B 100
RGB color chart
- C 33
- M 18
- Y 0
- K 0
CMYK color chart

● #acd2ff color description : Pale blue.

The hexadecimal color #acd2ff has RGB values of R:172, G:210, B:255 and CMYK values of C:0.33, M:0.18, Y:0, K:0. Its decimal value is 11326207.

Hex triplet	acd2ff	`#acd2ff`
RGB Decimal	172, 210, 255	`rgb(172,210,255)`
RGB Percent	67.5, 82.4, 100	`rgb(67.5%,82.4%,100%)`
CMYK	33, 18, 0, 0
HSL	212.5°, 100, 83.7	`hsl(212.5,100%,83.7%)`
HSV (or HSB)	212.5°, 32.5, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.957, -2.183, -26.048
XYZ	58.106, 62.082, 103.524
xyY	0.26, 0.278, 62.082
CIE-LCH	82.957, 26.139, 265.21
CIE-LUV	82.957, -20.533, -41.528
Hunter-Lab	78.792, -6.25, -22.746
Binary	10101100, 11010010, 11111111

#acd2ff
```
#acd2ff rgb(172,210,255)
```
#ffd9ac
```
#ffd9ac rgb(255,217,172)
```

Complementary Color

#acfcff
```
#acfcff rgb(172,252,255)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#b0acff
```
#b0acff rgb(176,172,255)
```

Analogous Color

#fcffac
```
#fcffac rgb(252,255,172)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#ffb0ac
```
#ffb0ac rgb(255,176,172)
```

Split Complementary Color

#d2ffac
```
#d2ffac rgb(210,255,172)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#ffacd2
```
#ffacd2 rgb(255,172,210)
```

Triadic Color

#acffd9
```
#acffd9 rgb(172,255,217)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#ffacd2
```
#ffacd2 rgb(255,172,210)
```
#ffd9ac
```
#ffd9ac rgb(255,217,172)
```

Tetradic Color

#60a9ff
```
#60a9ff rgb(96,169,255)
```
#79b6ff
```
#79b6ff rgb(121,182,255)
```
#93c4ff
```
#93c4ff rgb(147,196,255)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#c6e0ff
```
#c6e0ff rgb(198,224,255)
```
#dfeeff
```
#dfeeff rgb(223,238,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Monochromatic Color

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

#ace7ff
```
#ace7ff rgb(172,231,255)
```
#ace0ff
```
#ace0ff rgb(172,224,255)
```
#acd9ff
```
#acd9ff rgb(172,217,255)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#accbff
```
#accbff rgb(172,203,255)
```
#acc4ff
```
#acc4ff rgb(172,196,255)
```
#acbdff
```
#acbdff rgb(172,189,255)
```

Similar Colors

Text with hexadecimal color #acd2ff

This text has a font color of #acd2ff.

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

#acd2ff background color

This paragraph has a background color of #acd2ff.

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

#acd2ff border color

This element has a border color of #acd2ff.

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

CSS codes

.text {color:#acd2ff;}

.background {background-color:#acd2ff;}

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

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, #00070f is the darkest color, while #fafdff is the lightest one.

#00070f
```
#00070f rgb(0,7,15)
```
#001023
```
#001023 rgb(0,16,35)
```
#001936
```
#001936 rgb(0,25,54)
```
#00224a
```
#00224a rgb(0,34,74)
```
#002b5e
```
#002b5e rgb(0,43,94)
```
#003471
```
#003471 rgb(0,52,113)
```
#003d85
```
#003d85 rgb(0,61,133)
```
#004698
```
#004698 rgb(0,70,152)
```
#004fac
```
#004fac rgb(0,79,172)
```
#0058c0
```
#0058c0 rgb(0,88,192)
```
#0061d3
```
#0061d3 rgb(0,97,211)
```
#006ae7
```
#006ae7 rgb(0,106,231)
```
#0073fa
```
#0073fa rgb(0,115,250)
```

Shade Color Variation

#0f7dff
```
#0f7dff rgb(15,125,255)
```
#2388ff
```
#2388ff rgb(35,136,255)
```
#3692ff
```
#3692ff rgb(54,146,255)
```
#4a9dff
```
#4a9dff rgb(74,157,255)
```
#5ea7ff
```
#5ea7ff rgb(94,167,255)
```
#71b2ff
```
#71b2ff rgb(113,178,255)
```
#85bdff
```
#85bdff rgb(133,189,255)
```
#98c7ff
```
#98c7ff rgb(152,199,255)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```
#c0ddff
```
#c0ddff rgb(192,221,255)
```
#d3e7ff
```
#d3e7ff rgb(211,231,255)
```
#e7f2ff
```
#e7f2ff rgb(231,242,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#d2d5d9
```
#d2d5d9 rgb(210,213,217)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#c9d4e2
```
#c9d4e2 rgb(201,212,226)
```
#c6d4e5
```
#c6d4e5 rgb(198,212,229)
```
#c2d4e9
```
#c2d4e9 rgb(194,212,233)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#bcd3ef
```
#bcd3ef rgb(188,211,239)
```
#b9d3f2
```
#b9d3f2 rgb(185,211,242)
```
#b6d3f5
```
#b6d3f5 rgb(182,211,245)
```
#b2d3f9
```
#b2d3f9 rgb(178,211,249)
```
#afd2fc
```
#afd2fc rgb(175,210,252)
```
#acd2ff
```
#acd2ff rgb(172,210,255)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6cdd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cffb Protanopia 1% of men
#cacdff Deuteranopia 1% of men
#a9d8e8 Tritanopia 0.001% of the population

Trichromacy

#bcd0fc Protanomaly 1% of men, 0.01% of women
#bfcfff Deuteranomaly 6% of men, 0.4% of women
#aad6f0 Tritanomaly 0.01% of the population

#acd2ff hex color

#acd2ff Color Information

#acd2ff Color Conversion

Color Schemes with #acd2ff

Alternatives to #acd2ff

#acd2ff Preview

Shades and Tints of #acd2ff

Tones of #acd2ff

Color Blindness Simulator