#acc0f0 hex color

In a RGB color space, hex #acc0f0 is composed of 67.5% red, 75.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 28.3% cyan, 20% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.4 degrees, a saturation of 69.4% and a lightness of 80.8%. #acc0f0 color hex could be obtained by blending #ffffff with #5981e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 67
- G 75
- B 94
RGB color chart
- C 28
- M 20
- Y 0
- K 6
CMYK color chart

● #acc0f0 color description : Very soft blue.

The hexadecimal color #acc0f0 has RGB values of R:172, G:192, B:240 and CMYK values of C:0.28, M:0.2, Y:0, K:0.06. Its decimal value is 11321584.

Hex triplet	acc0f0	`#acc0f0`
RGB Decimal	172, 192, 240	`rgb(172,192,240)`
RGB Percent	67.5, 75.3, 94.1	`rgb(67.5%,75.3%,94.1%)`
CMYK	28, 20, 0, 6
HSL	222.4°, 69.4, 80.8	`hsl(222.4,69.4%,80.8%)`
HSV (or HSB)	222.4°, 28.3, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	77.733, 3.833, -26.018
XYZ	51.588, 52.76, 89.899
xyY	0.266, 0.272, 52.76
CIE-LCH	77.733, 26.299, 278.381
CIE-LUV	77.733, -12.517, -42.022
Hunter-Lab	72.636, -0.338, -22.536
Binary	10101100, 11000000, 11110000

#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#f0dcac
```
#f0dcac rgb(240,220,172)
```

Complementary Color

#ace2f0
```
#ace2f0 rgb(172,226,240)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#baacf0
```
#baacf0 rgb(186,172,240)
```

Analogous Color

#e2f0ac
```
#e2f0ac rgb(226,240,172)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#f0baac
```
#f0baac rgb(240,186,172)
```

Split Complementary Color

#c0f0ac
```
#c0f0ac rgb(192,240,172)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#f0acc0
```
#f0acc0 rgb(240,172,192)
```

Triadic Color

#acf0dc
```
#acf0dc rgb(172,240,220)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#f0acc0
```
#f0acc0 rgb(240,172,192)
```
#f0dcac
```
#f0dcac rgb(240,220,172)
```

Tetradic Color

#6b8fe4
```
#6b8fe4 rgb(107,143,228)
```
#819fe8
```
#819fe8 rgb(129,159,232)
```
#96b0ec
```
#96b0ec rgb(150,176,236)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#c2d0f4
```
#c2d0f4 rgb(194,208,244)
```
#d7e1f8
```
#d7e1f8 rgb(215,225,248)
```
#edf1fc
```
#edf1fc rgb(237,241,252)
```

Monochromatic Color

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

#acd1f0
```
#acd1f0 rgb(172,209,240)
```
#accbf0
```
#accbf0 rgb(172,203,240)
```
#acc6f0
```
#acc6f0 rgb(172,198,240)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#acbaf0
```
#acbaf0 rgb(172,186,240)
```
#acb5f0
```
#acb5f0 rgb(172,181,240)
```
#acaff0
```
#acaff0 rgb(172,175,240)
```

Similar Colors

Text with hexadecimal color #acc0f0

This text has a font color of #acc0f0.

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

#acc0f0 background color

This paragraph has a background color of #acc0f0.

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

#acc0f0 border color

This element has a border color of #acc0f0.

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

CSS codes

.text {color:#acc0f0;}

.background {background-color:#acc0f0;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030711
```
#030711 rgb(3,7,17)
```
#060e21
```
#060e21 rgb(6,14,33)
```
#091532
```
#091532 rgb(9,21,50)
```
#0c1c43
```
#0c1c43 rgb(12,28,67)
```
#0f2353
```
#0f2353 rgb(15,35,83)
```
#122a64
```
#122a64 rgb(18,42,100)
```
#153174
```
#153174 rgb(21,49,116)
```
#183885
```
#183885 rgb(24,56,133)
```
#1b3f96
```
#1b3f96 rgb(27,63,150)
```
#1e46a6
```
#1e46a6 rgb(30,70,166)
```
#214db7
```
#214db7 rgb(33,77,183)
```
#2454c7
```
#2454c7 rgb(36,84,199)
```

Shade Color Variation

#275bd8
```
#275bd8 rgb(39,91,216)
```
#3868db
```
#3868db rgb(56,104,219)
```
#4874de
```
#4874de rgb(72,116,222)
```
#5981e1
```
#5981e1 rgb(89,129,225)
```
#6a8ee4
```
#6a8ee4 rgb(106,142,228)
```
#7a9ae7
```
#7a9ae7 rgb(122,154,231)
```
#8ba7ea
```
#8ba7ea rgb(139,167,234)
```
#9bb3ed
```
#9bb3ed rgb(155,179,237)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#bdcdf3
```
#bdcdf3 rgb(189,205,243)
```
#cdd9f6
```
#cdd9f6 rgb(205,217,246)
```
#dee6f9
```
#dee6f9 rgb(222,230,249)
```
#eef2fc
```
#eef2fc rgb(238,242,252)
```

Tint Color Variation

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

#cecece
```
#cecece rgb(206,206,206)
```
#caccd2
```
#caccd2 rgb(202,204,210)
```
#c6cbd6
```
#c6cbd6 rgb(198,203,214)
```
#c3c9d9
```
#c3c9d9 rgb(195,201,217)
```
#bfc8dd
```
#bfc8dd rgb(191,200,221)
```
#bbc6e1
```
#bbc6e1 rgb(187,198,225)
```
#b7c5e5
```
#b7c5e5 rgb(183,197,229)
```
#b4c3e8
```
#b4c3e8 rgb(180,195,232)
```
#b0c2ec
```
#b0c2ec rgb(176,194,236)
```
#acc0f0
```
#acc0f0 rgb(172,192,240)
```
#a8bef4
```
#a8bef4 rgb(168,190,244)
```
#a4bdf8
```
#a4bdf8 rgb(164,189,248)
```
#a1bbfb
```
#a1bbfb rgb(161,187,251)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bbbfc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7c1ef Protanopia 1% of men
#bbbff1 Deuteranopia 1% of men
#a9c8d6 Tritanopia 0.001% of the population

Trichromacy

#b3c0ef Protanomaly 1% of men, 0.01% of women
#b6bff1 Deuteranomaly 6% of men, 0.4% of women
#aac5df Tritanomaly 0.01% of the population

#acc0f0 hex color

#acc0f0 Color Information

#acc0f0 Color Conversion

Color Schemes with #acc0f0

Alternatives to #acc0f0

#acc0f0 Preview

Shades and Tints of #acc0f0

Tones of #acc0f0

Color Blindness Simulator