#acdcf2 hex color

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

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

● #acdcf2 color description : Very soft blue.

The hexadecimal color #acdcf2 has RGB values of R:172, G:220, B:242 and CMYK values of C:0.29, M:0.09, Y:0, K:0.05. Its decimal value is 11328754.

Hex triplet	acdcf2	`#acdcf2`
RGB Decimal	172, 220, 242	`rgb(172,220,242)`
RGB Percent	67.5, 86.3, 94.9	`rgb(67.5%,86.3%,94.9%)`
CMYK	29, 9, 0, 5
HSL	198.9°, 72.9, 81.2	`hsl(198.9,72.9%,81.2%)`
HSV (or HSB)	198.9°, 28.9, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.183, -10.505, -15.795
XYZ	58.63, 66.366, 93.72
xyY	0.268, 0.303, 66.366
CIE-LCH	85.183, 18.97, 236.375
CIE-LUV	85.183, -24.591, -23.276
Hunter-Lab	81.465, -14.099, -11.183
Binary	10101100, 11011100, 11110010

#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#f2c2ac
```
#f2c2ac rgb(242,194,172)
```

Complementary Color

#acf2e5
```
#acf2e5 rgb(172,242,229)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#acb9f2
```
#acb9f2 rgb(172,185,242)
```

Analogous Color

#f2e5ac
```
#f2e5ac rgb(242,229,172)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#f2acb9
```
#f2acb9 rgb(242,172,185)
```

Split Complementary Color

#dcf2ac
```
#dcf2ac rgb(220,242,172)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#f2acdc
```
#f2acdc rgb(242,172,220)
```

Triadic Color

#acf2c2
```
#acf2c2 rgb(172,242,194)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#f2acdc
```
#f2acdc rgb(242,172,220)
```
#f2c2ac
```
#f2c2ac rgb(242,194,172)
```

Tetradic Color

#6ac0e8
```
#6ac0e8 rgb(106,192,232)
```
#80c9eb
```
#80c9eb rgb(128,201,235)
```
#96d3ef
```
#96d3ef rgb(150,211,239)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#c2e5f5
```
#c2e5f5 rgb(194,229,245)
```
#d8eff9
```
#d8eff9 rgb(216,239,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```

Monochromatic Color

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

#aceef2
```
#aceef2 rgb(172,238,242)
```
#ace8f2
```
#ace8f2 rgb(172,232,242)
```
#ace2f2
```
#ace2f2 rgb(172,226,242)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#acd6f2
```
#acd6f2 rgb(172,214,242)
```
#acd0f2
```
#acd0f2 rgb(172,208,242)
```
#accbf2
```
#accbf2 rgb(172,203,242)
```

Similar Colors

Text with hexadecimal color #acdcf2

This text has a font color of #acdcf2.

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

#acdcf2 background color

This paragraph has a background color of #acdcf2.

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

#acdcf2 border color

This element has a border color of #acdcf2.

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

CSS codes

.text {color:#acdcf2;}

.background {background-color:#acdcf2;}

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

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 #f0f9fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#030e13
```
#030e13 rgb(3,14,19)
```
#061a24
```
#061a24 rgb(6,26,36)
```
#082735
```
#082735 rgb(8,39,53)
```
#0b3346
```
#0b3346 rgb(11,51,70)
```
#0e4057
```
#0e4057 rgb(14,64,87)
```
#104c68
```
#104c68 rgb(16,76,104)
```
#135979
```
#135979 rgb(19,89,121)
```
#166589
```
#166589 rgb(22,101,137)
```
#18719a
```
#18719a rgb(24,113,154)
```
#1b7eab
```
#1b7eab rgb(27,126,171)
```
#1e8abc
```
#1e8abc rgb(30,138,188)
```
#2097cd
```
#2097cd rgb(32,151,205)
```

Shade Color Variation

#24a3dd
```
#24a3dd rgb(36,163,221)
```
#35aadf
```
#35aadf rgb(53,170,223)
```
#46b1e2
```
#46b1e2 rgb(70,177,226)
```
#57b8e5
```
#57b8e5 rgb(87,184,229)
```
#68bfe7
```
#68bfe7 rgb(104,191,231)
```
#79c7ea
```
#79c7ea rgb(121,199,234)
```
#8aceed
```
#8aceed rgb(138,206,237)
```
#9bd5ef
```
#9bd5ef rgb(155,213,239)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#bde3f5
```
#bde3f5 rgb(189,227,245)
```
#ceeaf7
```
#ceeaf7 rgb(206,234,247)
```
#dff1fa
```
#dff1fa rgb(223,241,250)
```
#f0f9fd
```
#f0f9fd rgb(240,249,253)
```

Tint Color Variation

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

#cdd0d1
```
#cdd0d1 rgb(205,208,209)
```
#cad1d4
```
#cad1d4 rgb(202,209,212)
```
#c6d2d8
```
#c6d2d8 rgb(198,210,216)
```
#c2d4dc
```
#c2d4dc rgb(194,212,220)
```
#bed5e0
```
#bed5e0 rgb(190,213,224)
```
#bbd7e3
```
#bbd7e3 rgb(187,215,227)
```
#b7d8e7
```
#b7d8e7 rgb(183,216,231)
```
#b3d9eb
```
#b3d9eb rgb(179,217,235)
```
#b0dbee
```
#b0dbee rgb(176,219,238)
```
#acdcf2
```
#acdcf2 rgb(172,220,242)
```
#a8ddf6
```
#a8ddf6 rgb(168,221,246)
```
#a5dff9
```
#a5dff9 rgb(165,223,249)
```
#a1e0fd
```
#a1e0fd rgb(161,224,253)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#c9d2d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d5ed Protanopia 1% of men
#dad2f6 Deuteranopia 1% of men
#afdeee Tritanopia 0.001% of the population

Trichromacy

#c5d7ef Protanomaly 1% of men, 0.01% of women
#c9d5f5 Deuteranomaly 6% of men, 0.4% of women
#aeddef Tritanomaly 0.01% of the population

#acdcf2 hex color

#acdcf2 Color Information

#acdcf2 Color Conversion

Color Schemes with #acdcf2

Alternatives to #acdcf2

#acdcf2 Preview

Shades and Tints of #acdcf2

Tones of #acdcf2

Color Blindness Simulator