#ace2fd hex color

In a RGB color space, hex #ace2fd is composed of 67.5% red, 88.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 32% cyan, 10.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 200 degrees, a saturation of 95.3% and a lightness of 83.3%. #ace2fd color hex could be obtained by blending #ffffff with #59c5fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 89
- B 99
RGB color chart
- C 32
- M 11
- Y 0
- K 1
CMYK color chart

● #ace2fd color description : Very soft blue.

The hexadecimal color #ace2fd has RGB values of R:172, G:226, B:253 and CMYK values of C:0.32, M:0.11, Y:0, K:0.01. Its decimal value is 11330301.

Hex triplet	ace2fd	`#ace2fd`
RGB Decimal	172, 226, 253	`rgb(172,226,253)`
RGB Percent	67.5, 88.6, 99.2	`rgb(67.5%,88.6%,99.2%)`
CMYK	32, 11, 0, 1
HSL	200°, 95.3, 83.3	`hsl(200,95.3%,83.3%)`
HSV (or HSB)	200°, 32, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	87.121, -11.006, -18.676
XYZ	61.935, 70.253, 103.22
xyY	0.263, 0.298, 70.253
CIE-LCH	87.121, 21.678, 239.49
CIE-LUV	87.121, -27.221, -28.036
Hunter-Lab	83.817, -14.78, -14.343
Binary	10101100, 11100010, 11111101

#ace2fd
```
#ace2fd rgb(172,226,253)
```
#fdc7ac
```
#fdc7ac rgb(253,199,172)
```

Complementary Color

#acfdf0
```
#acfdf0 rgb(172,253,240)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#acbafd
```
#acbafd rgb(172,186,253)
```

Analogous Color

#fdf0ac
```
#fdf0ac rgb(253,240,172)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#fdacba
```
#fdacba rgb(253,172,186)
```

Split Complementary Color

#e2fdac
```
#e2fdac rgb(226,253,172)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#fdace2
```
#fdace2 rgb(253,172,226)
```

Triadic Color

#acfdc7
```
#acfdc7 rgb(172,253,199)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#fdace2
```
#fdace2 rgb(253,172,226)
```
#fdc7ac
```
#fdc7ac rgb(253,199,172)
```

Tetradic Color

#61c8fb
```
#61c8fb rgb(97,200,251)
```
#7ad1fc
```
#7ad1fc rgb(122,209,252)
```
#93d9fc
```
#93d9fc rgb(147,217,252)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#c5ebfe
```
#c5ebfe rgb(197,235,254)
```
#def3fe
```
#def3fe rgb(222,243,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Monochromatic Color

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

#acf6fd
```
#acf6fd rgb(172,246,253)
```
#acf0fd
```
#acf0fd rgb(172,240,253)
```
#ace9fd
```
#ace9fd rgb(172,233,253)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#acdbfd
```
#acdbfd rgb(172,219,253)
```
#acd5fd
```
#acd5fd rgb(172,213,253)
```
#accefd
```
#accefd rgb(172,206,253)
```

Similar Colors

Text with hexadecimal color #ace2fd

This text has a font color of #ace2fd.

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

#ace2fd background color

This paragraph has a background color of #ace2fd.

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

#ace2fd border color

This element has a border color of #ace2fd.

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

CSS codes

.text {color:#ace2fd;}

.background {background-color:#ace2fd;}

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

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, #00090d is the darkest color, while #f9fdff is the lightest one.

#00090d
```
#00090d rgb(0,9,13)
```
#011620
```
#011620 rgb(1,22,32)
```
#012233
```
#012233 rgb(1,34,51)
```
#022f46
```
#022f46 rgb(2,47,70)
```
#023c59
```
#023c59 rgb(2,60,89)
```
#03496d
```
#03496d rgb(3,73,109)
```
#035680
```
#035680 rgb(3,86,128)
```
#046393
```
#046393 rgb(4,99,147)
```
#0470a6
```
#0470a6 rgb(4,112,166)
```
#047db9
```
#047db9 rgb(4,125,185)
```
#058acc
```
#058acc rgb(5,138,204)
```
#0597df
```
#0597df rgb(5,151,223)
```
#06a4f3
```
#06a4f3 rgb(6,164,243)
```

Shade Color Variation

#13acf9
```
#13acf9 rgb(19,172,249)
```
#26b3fa
```
#26b3fa rgb(38,179,250)
```
#39bafa
```
#39bafa rgb(57,186,250)
```
#4cc1fb
```
#4cc1fb rgb(76,193,251)
```
#5fc7fb
```
#5fc7fb rgb(95,199,251)
```
#73cefc
```
#73cefc rgb(115,206,252)
```
#86d5fc
```
#86d5fc rgb(134,213,252)
```
#99dbfd
```
#99dbfd rgb(153,219,253)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```
#bfe9fd
```
#bfe9fd rgb(191,233,253)
```
#d2effe
```
#d2effe rgb(210,239,254)
```
#e5f6fe
```
#e5f6fe rgb(229,246,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#d3d5d6
```
#d3d5d6 rgb(211,213,214)
```
#d0d6d9
```
#d0d6d9 rgb(208,214,217)
```
#cdd7dc
```
#cdd7dc rgb(205,215,220)
```
#c9d8e0
```
#c9d8e0 rgb(201,216,224)
```
#c6d9e3
```
#c6d9e3 rgb(198,217,227)
```
#c3dae6
```
#c3dae6 rgb(195,218,230)
```
#c0dbe9
```
#c0dbe9 rgb(192,219,233)
```
#bcdded
```
#bcdded rgb(188,221,237)
```
#b9def0
```
#b9def0 rgb(185,222,240)
```
#b6dff3
```
#b6dff3 rgb(182,223,243)
```
#b3e0f6
```
#b3e0f6 rgb(179,224,246)
```
#afe1fa
```
#afe1fa rgb(175,225,250)
```
#ace2fd
```
#ace2fd rgb(172,226,253)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#cdd8dd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7daf7 Protanopia 1% of men
#ddd7ff Deuteranopia 1% of men
#aee4f5 Tritanopia 0.001% of the population

Trichromacy

#c7ddf9 Protanomaly 1% of men, 0.01% of women
#cbdbfe Deuteranomaly 6% of men, 0.4% of women
#ade3f8 Tritanomaly 0.01% of the population

#ace2fd hex color

#ace2fd Color Information

#ace2fd Color Conversion

Color Schemes with #ace2fd

Alternatives to #ace2fd

#ace2fd Preview

Shades and Tints of #ace2fd

Tones of #ace2fd

Color Blindness Simulator