#acd3e2 hex color

In a RGB color space, hex #acd3e2 is composed of 67.5% red, 82.7% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 6.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 196.7 degrees, a saturation of 48.2% and a lightness of 78%. #acd3e2 color hex could be obtained by blending #ffffff with #59a7c5. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 67
- G 83
- B 89
RGB color chart
- C 24
- M 7
- Y 0
- K 11
CMYK color chart

● #acd3e2 color description : Very soft blue.

The hexadecimal color #acd3e2 has RGB values of R:172, G:211, B:226 and CMYK values of C:0.24, M:0.07, Y:0, K:0.11. Its decimal value is 11326434.

Hex triplet	acd3e2	`#acd3e2`
RGB Decimal	172, 211, 226	`rgb(172,211,226)`
RGB Percent	67.5, 82.7, 88.6	`rgb(67.5%,82.7%,88.6%)`
CMYK	24, 7, 0, 11
HSL	196.7°, 48.2, 78	`hsl(196.7,48.2%,78%)`
HSV (or HSB)	196.7°, 23.9, 88.6
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.297, -9.498, -11.626
XYZ	54.032, 60.849, 80.845
xyY	0.276, 0.311, 60.849
CIE-LCH	82.297, 15.013, 230.752
CIE-LUV	82.297, -20.454, -16.562
Hunter-Lab	78.006, -12.869, -6.845
Binary	10101100, 11010011, 11100010

#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#e2bbac
```
#e2bbac rgb(226,187,172)
```

Complementary Color

#ace2d6
```
#ace2d6 rgb(172,226,214)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#acb8e2
```
#acb8e2 rgb(172,184,226)
```

Analogous Color

#e2d6ac
```
#e2d6ac rgb(226,214,172)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#e2acb8
```
#e2acb8 rgb(226,172,184)
```

Split Complementary Color

#d3e2ac
```
#d3e2ac rgb(211,226,172)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#e2acd3
```
#e2acd3 rgb(226,172,211)
```

Triadic Color

#ace2bb
```
#ace2bb rgb(172,226,187)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#e2acd3
```
#e2acd3 rgb(226,172,211)
```
#e2bbac
```
#e2bbac rgb(226,187,172)
```

Tetradic Color

#73b5ce
```
#73b5ce rgb(115,181,206)
```
#86bfd5
```
#86bfd5 rgb(134,191,213)
```
#99c9db
```
#99c9db rgb(153,201,219)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#bfdde9
```
#bfdde9 rgb(191,221,233)
```
#d2e7ef
```
#d2e7ef rgb(210,231,239)
```
#e5f1f6
```
#e5f1f6 rgb(229,241,246)
```

Monochromatic Color

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

#ace1e2
```
#ace1e2 rgb(172,225,226)
```
#acdce2
```
#acdce2 rgb(172,220,226)
```
#acd8e2
```
#acd8e2 rgb(172,216,226)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#accfe2
```
#accfe2 rgb(172,207,226)
```
#accae2
```
#accae2 rgb(172,202,226)
```
#acc6e2
```
#acc6e2 rgb(172,198,226)
```

Similar Colors

Text with hexadecimal color #acd3e2

This text has a font color of #acd3e2.

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

#acd3e2 background color

This paragraph has a background color of #acd3e2.

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

#acd3e2 border color

This element has a border color of #acd3e2.

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

CSS codes

.text {color:#acd3e2;}

.background {background-color:#acd3e2;}

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

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, #010304 is the darkest color, while #f5fafb is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#070f13
```
#070f13 rgb(7,15,19)
```
#0c1b21
```
#0c1b21 rgb(12,27,33)
```
#112730
```
#112730 rgb(17,39,48)
```
#16333e
```
#16333e rgb(22,51,62)
```
#1b3f4d
```
#1b3f4d rgb(27,63,77)
```
#204b5b
```
#204b5b rgb(32,75,91)
```
#25576a
```
#25576a rgb(37,87,106)
```
#2a6379
```
#2a6379 rgb(42,99,121)
```
#2f6f87
```
#2f6f87 rgb(47,111,135)
```
#347b96
```
#347b96 rgb(52,123,150)
```
#3986a4
```
#3986a4 rgb(57,134,164)
```
#3e92b3
```
#3e92b3 rgb(62,146,179)
```

Shade Color Variation

#469dbe
```
#469dbe rgb(70,157,190)
```
#55a5c4
```
#55a5c4 rgb(85,165,196)
```
#63acc9
```
#63acc9 rgb(99,172,201)
```
#72b4ce
```
#72b4ce rgb(114,180,206)
```
#80bcd3
```
#80bcd3 rgb(128,188,211)
```
#8fc4d8
```
#8fc4d8 rgb(143,196,216)
```
#9dcbdd
```
#9dcbdd rgb(157,203,221)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#bbdbe7
```
#bbdbe7 rgb(187,219,231)
```
#c9e2ec
```
#c9e2ec rgb(201,226,236)
```
#d8eaf1
```
#d8eaf1 rgb(216,234,241)
```
#e6f2f6
```
#e6f2f6 rgb(230,242,246)
```
#f5fafb
```
#f5fafb rgb(245,250,251)
```

Tint Color Variation

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

#c6c8c8
```
#c6c8c8 rgb(198,200,200)
```
#c2c9cc
```
#c2c9cc rgb(194,201,204)
```
#bdcbd1
```
#bdcbd1 rgb(189,203,209)
```
#b9cdd5
```
#b9cdd5 rgb(185,205,213)
```
#b5cfd9
```
#b5cfd9 rgb(181,207,217)
```
#b0d1de
```
#b0d1de rgb(176,209,222)
```
#acd3e2
```
#acd3e2 rgb(172,211,226)
```
#a8d5e6
```
#a8d5e6 rgb(168,213,230)
```
#a3d7eb
```
#a3d7eb rgb(163,215,235)
```
#9fd9ef
```
#9fd9ef rgb(159,217,239)
```
#9bdbf3
```
#9bdbf3 rgb(155,219,243)
```
#96ddf8
```
#96ddf8 rgb(150,221,248)
```
#92defc
```
#92defc rgb(146,222,252)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c3cbce Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdcedf Protanopia 1% of men
#d6cae7 Deuteranopia 1% of men
#b0d5e4 Tritanopia 0.001% of the population

Trichromacy

#c1cfe0 Protanomaly 1% of men, 0.01% of women
#c7cde5 Deuteranomaly 6% of men, 0.4% of women
#aed4e3 Tritanomaly 0.01% of the population

#acd3e2 hex color

#acd3e2 Color Information

#acd3e2 Color Conversion

Color Schemes with #acd3e2

Alternatives to #acd3e2

#acd3e2 Preview

Shades and Tints of #acd3e2

Tones of #acd3e2

Color Blindness Simulator