#00acf6 hex color

In a RGB color space, hex #00acf6 is composed of 0% red, 67.5% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 30.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 198 degrees, a saturation of 100% and a lightness of 48.2%. #00acf6 color hex could be obtained by blending #00ffff with #0059ed. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 67
- B 96
RGB color chart
- C 100
- M 30
- Y 0
- K 4
CMYK color chart

● #00acf6 color description : Pure (or mostly pure) blue.

The hexadecimal color #00acf6 has RGB values of R:0, G:172, B:246 and CMYK values of C:1, M:0.3, Y:0, K:0.04. Its decimal value is 44278.

Hex triplet	00acf6	`#00acf6`
RGB Decimal	0, 172, 246	`rgb(0,172,246)`
RGB Percent	0, 67.5, 96.5	`rgb(0%,67.5%,96.5%)`
CMYK	100, 30, 0, 4
HSL	198°, 100, 48.2	`hsl(198,100%,48.2%)`
HSV (or HSB)	198°, 100, 96.5
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.639, -10.617, -46.944
XYZ	31.383, 36.156, 92.508
xyY	0.196, 0.226, 36.156
CIE-LCH	66.639, 48.13, 257.257
CIE-LUV	66.639, -43.637, -74.563
Hunter-Lab	60.13, -12.064, -49.126
Binary	00000000, 10101100, 11110110

#00acf6
```
#00acf6 rgb(0,172,246)
```
#f64a00
```
#f64a00 rgb(246,74,0)
```

Complementary Color

#00f6c5
```
#00f6c5 rgb(0,246,197)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#0031f6
```
#0031f6 rgb(0,49,246)
```

Analogous Color

#f6c500
```
#f6c500 rgb(246,197,0)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#f60031
```
#f60031 rgb(246,0,49)
```

Split Complementary Color

#acf600
```
#acf600 rgb(172,246,0)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#f600ac
```
#f600ac rgb(246,0,172)
```

Triadic Color

#00f64a
```
#00f64a rgb(0,246,74)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#f600ac
```
#f600ac rgb(246,0,172)
```
#f64a00
```
#f64a00 rgb(246,74,0)
```

Tetradic Color

#0077aa
```
#0077aa rgb(0,119,170)
```
#0088c3
```
#0088c3 rgb(0,136,195)
```
#009add
```
#009add rgb(0,154,221)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#11b7ff
```
#11b7ff rgb(17,183,255)
```
#2abfff
```
#2abfff rgb(42,191,255)
```
#44c7ff
```
#44c7ff rgb(68,199,255)
```

Monochromatic Color

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

#00eaf6
```
#00eaf6 rgb(0,234,246)
```
#00d5f6
```
#00d5f6 rgb(0,213,246)
```
#00c1f6
```
#00c1f6 rgb(0,193,246)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```
#0098f6
```
#0098f6 rgb(0,152,246)
```
#0083f6
```
#0083f6 rgb(0,131,246)
```
#006ff6
```
#006ff6 rgb(0,111,246)
```

Similar Colors

Text with hexadecimal color #00acf6

This text has a font color of #00acf6.

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

#00acf6 background color

This paragraph has a background color of #00acf6.

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

#00acf6 border color

This element has a border color of #00acf6.

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

CSS codes

.text {color:#00acf6;}

.background {background-color:#00acf6;}

.border {border:1px solid #00acf6;}

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, #00070b is the darkest color, while #f6fcff is the lightest one.

#00070b
```
#00070b rgb(0,7,11)
```
#00151e
```
#00151e rgb(0,21,30)
```
#002332
```
#002332 rgb(0,35,50)
```
#003145
```
#003145 rgb(0,49,69)
```
#003e59
```
#003e59 rgb(0,62,89)
```
#004c6d
```
#004c6d rgb(0,76,109)
```
#005a80
```
#005a80 rgb(0,90,128)
```
#006794
```
#006794 rgb(0,103,148)
```
#0075a8
```
#0075a8 rgb(0,117,168)
```
#0083bb
```
#0083bb rgb(0,131,187)
```
#0091cf
```
#0091cf rgb(0,145,207)
```
#009ee2
```
#009ee2 rgb(0,158,226)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```

Shade Color Variation

#0bb5ff
```
#0bb5ff rgb(11,181,255)
```
#1ebbff
```
#1ebbff rgb(30,187,255)
```
#32c1ff
```
#32c1ff rgb(50,193,255)
```
#45c7ff
```
#45c7ff rgb(69,199,255)
```
#59cdff
```
#59cdff rgb(89,205,255)
```
#6dd3ff
```
#6dd3ff rgb(109,211,255)
```
#80d9ff
```
#80d9ff rgb(128,217,255)
```
#94dfff
```
#94dfff rgb(148,223,255)
```
#a8e5ff
```
#a8e5ff rgb(168,229,255)
```
#bbebff
```
#bbebff rgb(187,235,255)
```
#cff0ff
```
#cff0ff rgb(207,240,255)
```
#e2f6ff
```
#e2f6ff rgb(226,246,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#727f84
```
#727f84 rgb(114,127,132)
```
#68838e
```
#68838e rgb(104,131,142)
```
#5f8697
```
#5f8697 rgb(95,134,151)
```
#558aa1
```
#558aa1 rgb(85,138,161)
```
#4c8eaa
```
#4c8eaa rgb(76,142,170)
```
#4292b4
```
#4292b4 rgb(66,146,180)
```
#3995bd
```
#3995bd rgb(57,149,189)
```
#2f99c7
```
#2f99c7 rgb(47,153,199)
```
#269dd0
```
#269dd0 rgb(38,157,208)
```
#1ca1da
```
#1ca1da rgb(28,161,218)
```
#13a4e3
```
#13a4e3 rgb(19,164,227)
```
#09a8ed
```
#09a8ed rgb(9,168,237)
```
#00acf6
```
#00acf6 rgb(0,172,246)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#678a98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca4ed Protanopia 1% of men
#76a6fa Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#59a7f0 Protanomaly 1% of men, 0.01% of women
#4ba8f8 Deuteranomaly 6% of men, 0.4% of women
#00b3d5 Tritanomaly 0.01% of the population

#00acf6 hex color

#00acf6 Color Information

#00acf6 Color Conversion

Color Schemes with #00acf6

Alternatives to #00acf6

#00acf6 Preview

Shades and Tints of #00acf6

Tones of #00acf6

Color Blindness Simulator