#00acf7 hex color

In a RGB color space, hex #00acf7 is composed of 0% red, 67.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 30.4% magenta, 0% yellow and 3.1% black. It has a hue angle of 198.2 degrees, a saturation of 100% and a lightness of 48.4%. #00acf7 color hex could be obtained by blending #00ffff with #0059ef. Closest websafe color is: #0099ff.

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

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

The hexadecimal color #00acf7 has RGB values of R:0, G:172, B:247 and CMYK values of C:1, M:0.3, Y:0, K:0.03. Its decimal value is 44279.

Hex triplet	00acf7	`#00acf7`
RGB Decimal	0, 172, 247	`rgb(0,172,247)`
RGB Percent	0, 67.5, 96.9	`rgb(0%,67.5%,96.9%)`
CMYK	100, 30, 0, 3
HSL	198.2°, 100, 48.4	`hsl(198.2,100%,48.4%)`
HSV (or HSB)	198.2°, 100, 96.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.686, -10.255, -47.415
XYZ	31.537, 36.217, 93.319
xyY	0.196, 0.225, 36.217
CIE-LCH	66.686, 48.511, 257.796
CIE-LUV	66.686, -43.568, -75.414
Hunter-Lab	60.181, -11.777, -49.811
Binary	00000000, 10101100, 11110111

#00acf7
```
#00acf7 rgb(0,172,247)
```
#f74b00
```
#f74b00 rgb(247,75,0)
```

Complementary Color

#00f7c7
```
#00f7c7 rgb(0,247,199)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#0031f7
```
#0031f7 rgb(0,49,247)
```

Analogous Color

#f7c700
```
#f7c700 rgb(247,199,0)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#f70031
```
#f70031 rgb(247,0,49)
```

Split Complementary Color

#acf700
```
#acf700 rgb(172,247,0)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#f700ac
```
#f700ac rgb(247,0,172)
```

Triadic Color

#00f74b
```
#00f74b rgb(0,247,75)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#f700ac
```
#f700ac rgb(247,0,172)
```
#f74b00
```
#f74b00 rgb(247,75,0)
```

Tetradic Color

#0077ab
```
#0077ab rgb(0,119,171)
```
#0088c4
```
#0088c4 rgb(0,136,196)
```
#009ade
```
#009ade rgb(0,154,222)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#12b7ff
```
#12b7ff rgb(18,183,255)
```
#2bbfff
```
#2bbfff rgb(43,191,255)
```
#45c6ff
```
#45c6ff rgb(69,198,255)
```

Monochromatic Color

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

#00eaf7
```
#00eaf7 rgb(0,234,247)
```
#00d5f7
```
#00d5f7 rgb(0,213,247)
```
#00c1f7
```
#00c1f7 rgb(0,193,247)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```
#0097f7
```
#0097f7 rgb(0,151,247)
```
#0083f7
```
#0083f7 rgb(0,131,247)
```
#006ef7
```
#006ef7 rgb(0,110,247)
```

Similar Colors

Text with hexadecimal color #00acf7

This text has a font color of #00acf7.

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

#00acf7 background color

This paragraph has a background color of #00acf7.

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

#00acf7 border color

This element has a border color of #00acf7.

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

CSS codes

.text {color:#00acf7;}

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

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

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, #00080c is the darkest color, while #f7fdff is the lightest one.

#00080c
```
#00080c rgb(0,8,12)
```
#00161f
```
#00161f rgb(0,22,31)
```
#002333
```
#002333 rgb(0,35,51)
```
#003146
```
#003146 rgb(0,49,70)
```
#003f5a
```
#003f5a rgb(0,63,90)
```
#004c6e
```
#004c6e rgb(0,76,110)
```
#005a81
```
#005a81 rgb(0,90,129)
```
#006895
```
#006895 rgb(0,104,149)
```
#0075a9
```
#0075a9 rgb(0,117,169)
```
#0083bc
```
#0083bc rgb(0,131,188)
```
#0091d0
```
#0091d0 rgb(0,145,208)
```
#009ee3
```
#009ee3 rgb(0,158,227)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```

Shade Color Variation

#0cb5ff
```
#0cb5ff rgb(12,181,255)
```
#1fbbff
```
#1fbbff rgb(31,187,255)
```
#33c1ff
```
#33c1ff rgb(51,193,255)
```
#46c7ff
```
#46c7ff rgb(70,199,255)
```
#5acdff
```
#5acdff rgb(90,205,255)
```
#6ed3ff
```
#6ed3ff rgb(110,211,255)
```
#81d9ff
```
#81d9ff rgb(129,217,255)
```
#95dfff
```
#95dfff rgb(149,223,255)
```
#a9e5ff
```
#a9e5ff rgb(169,229,255)
```
#bcebff
```
#bcebff rgb(188,235,255)
```
#d0f1ff
```
#d0f1ff rgb(208,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#727f85
```
#727f85 rgb(114,127,133)
```
#69838f
```
#69838f rgb(105,131,143)
```
#5f8798
```
#5f8798 rgb(95,135,152)
```
#568aa2
```
#568aa2 rgb(86,138,162)
```
#4c8eab
```
#4c8eab rgb(76,142,171)
```
#4392b5
```
#4392b5 rgb(67,146,181)
```
#3996be
```
#3996be rgb(57,150,190)
```
#3099c8
```
#3099c8 rgb(48,153,200)
```
#269dd1
```
#269dd1 rgb(38,157,209)
```
#1da1db
```
#1da1db rgb(29,161,219)
```
#13a5e4
```
#13a5e4 rgb(19,165,228)
```
#0aa8ee
```
#0aa8ee rgb(10,168,238)
```
#00acf7
```
#00acf7 rgb(0,172,247)
```

Tone Color Variation

Below, you can see how #00acf7 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
#678a99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ca4ee Protanopia 1% of men
#75a7fb Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#59a7f1 Protanomaly 1% of men, 0.01% of women
#4aa8f9 Deuteranomaly 6% of men, 0.4% of women
#00b3d6 Tritanomaly 0.01% of the population

#00acf7 hex color

#00acf7 Color Information

#00acf7 Color Conversion

Color Schemes with #00acf7

Alternatives to #00acf7

#00acf7 Preview

Shades and Tints of #00acf7

Tones of #00acf7

Color Blindness Simulator