#acd3f2 hex color

In a RGB color space, hex #acd3f2 is composed of 67.5% red, 82.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 12.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 206.6 degrees, a saturation of 72.9% and a lightness of 81.2%. #acd3f2 color hex could be obtained by blending #ffffff with #59a7e5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 83
- B 95
RGB color chart
- C 29
- M 13
- Y 0
- K 5
CMYK color chart

● #acd3f2 color description : Very soft blue.

The hexadecimal color #acd3f2 has RGB values of R:172, G:211, B:242 and CMYK values of C:0.29, M:0.13, Y:0, K:0.05. Its decimal value is 11326450.

Hex triplet	acd3f2	`#acd3f2`
RGB Decimal	172, 211, 242	`rgb(172,211,242)`
RGB Percent	67.5, 82.7, 94.9	`rgb(67.5%,82.7%,94.9%)`
CMYK	29, 13, 0, 5
HSL	206.6°, 72.9, 81.2	`hsl(206.6,72.9%,81.2%)`
HSV (or HSB)	206.6°, 28.9, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.79, -5.829, -19.401
XYZ	56.331, 61.768, 92.954
xyY	0.267, 0.293, 61.768
CIE-LCH	82.79, 20.257, 253.278
CIE-LUV	82.79, -20.723, -29.85
Hunter-Lab	78.593, -9.599, -15.109
Binary	10101100, 11010011, 11110010

#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#f2cbac
```
#f2cbac rgb(242,203,172)
```

Complementary Color

#acf2ee
```
#acf2ee rgb(172,242,238)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#acb0f2
```
#acb0f2 rgb(172,176,242)
```

Analogous Color

#f2eeac
```
#f2eeac rgb(242,238,172)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#f2acb0
```
#f2acb0 rgb(242,172,176)
```

Split Complementary Color

#d3f2ac
```
#d3f2ac rgb(211,242,172)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#f2acd3
```
#f2acd3 rgb(242,172,211)
```

Triadic Color

#acf2cb
```
#acf2cb rgb(172,242,203)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#f2acd3
```
#f2acd3 rgb(242,172,211)
```
#f2cbac
```
#f2cbac rgb(242,203,172)
```

Tetradic Color

#6ab0e8
```
#6ab0e8 rgb(106,176,232)
```
#80bceb
```
#80bceb rgb(128,188,235)
```
#96c7ef
```
#96c7ef rgb(150,199,239)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#c2dff5
```
#c2dff5 rgb(194,223,245)
```
#d8eaf9
```
#d8eaf9 rgb(216,234,249)
```
#eef6fc
```
#eef6fc rgb(238,246,252)
```

Monochromatic Color

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

#ace5f2
```
#ace5f2 rgb(172,229,242)
```
#acdff2
```
#acdff2 rgb(172,223,242)
```
#acd9f2
```
#acd9f2 rgb(172,217,242)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#accdf2
```
#accdf2 rgb(172,205,242)
```
#acc7f2
```
#acc7f2 rgb(172,199,242)
```
#acc2f2
```
#acc2f2 rgb(172,194,242)
```

Similar Colors

Text with hexadecimal color #acd3f2

This text has a font color of #acd3f2.

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

#acd3f2 background color

This paragraph has a background color of #acd3f2.

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

#acd3f2 border color

This element has a border color of #acd3f2.

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

CSS codes

.text {color:#acd3f2;}

.background {background-color:#acd3f2;}

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

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

#000102
```
#000102 rgb(0,1,2)
```
#030c13
```
#030c13 rgb(3,12,19)
```
#061624
```
#061624 rgb(6,22,36)
```
#082135
```
#082135 rgb(8,33,53)
```
#0b2c46
```
#0b2c46 rgb(11,44,70)
```
#0e3657
```
#0e3657 rgb(14,54,87)
```
#104168
```
#104168 rgb(16,65,104)
```
#134c79
```
#134c79 rgb(19,76,121)
```
#165689
```
#165689 rgb(22,86,137)
```
#18619a
```
#18619a rgb(24,97,154)
```
#1b6bab
```
#1b6bab rgb(27,107,171)
```
#1e76bc
```
#1e76bc rgb(30,118,188)
```
#2081cd
```
#2081cd rgb(32,129,205)
```

Shade Color Variation

#248bdd
```
#248bdd rgb(36,139,221)
```
#3594df
```
#3594df rgb(53,148,223)
```
#469de2
```
#469de2 rgb(70,157,226)
```
#57a6e5
```
#57a6e5 rgb(87,166,229)
```
#68afe7
```
#68afe7 rgb(104,175,231)
```
#79b8ea
```
#79b8ea rgb(121,184,234)
```
#8ac1ed
```
#8ac1ed rgb(138,193,237)
```
#9bcaef
```
#9bcaef rgb(155,202,239)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#bddcf5
```
#bddcf5 rgb(189,220,245)
```
#cee5f7
```
#cee5f7 rgb(206,229,247)
```
#dfeefa
```
#dfeefa rgb(223,238,250)
```
#f0f7fd
```
#f0f7fd rgb(240,247,253)
```

Tint Color Variation

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

#cdcfd1
```
#cdcfd1 rgb(205,207,209)
```
#cad0d4
```
#cad0d4 rgb(202,208,212)
```
#c6d0d8
```
#c6d0d8 rgb(198,208,216)
```
#c2d0dc
```
#c2d0dc rgb(194,208,220)
```
#bed1e0
```
#bed1e0 rgb(190,209,224)
```
#bbd1e3
```
#bbd1e3 rgb(187,209,227)
```
#b7d2e7
```
#b7d2e7 rgb(183,210,231)
```
#b3d2eb
```
#b3d2eb rgb(179,210,235)
```
#b0d3ee
```
#b0d3ee rgb(176,211,238)
```
#acd3f2
```
#acd3f2 rgb(172,211,242)
```
#a8d3f6
```
#a8d3f6 rgb(168,211,246)
```
#a5d4f9
```
#a5d4f9 rgb(165,212,249)
```
#a1d4fd
```
#a1d4fd rgb(161,212,253)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5cdd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacfee Protanopia 1% of men
#d0ccf5 Deuteranopia 1% of men
#add7e6 Tritanopia 0.001% of the population

Trichromacy

#bfd0f0 Protanomaly 1% of men, 0.01% of women
#c3cef4 Deuteranomaly 6% of men, 0.4% of women
#acd5ea Tritanomaly 0.01% of the population

#acd3f2 hex color

#acd3f2 Color Information

#acd3f2 Color Conversion

Color Schemes with #acd3f2

Alternatives to #acd3f2

#acd3f2 Preview

Shades and Tints of #acd3f2

Tones of #acd3f2

Color Blindness Simulator