#0acaf4 hex color

In a RGB color space, hex #0acaf4 is composed of 3.9% red, 79.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 17.2% magenta, 0% yellow and 4.3% black. It has a hue angle of 190.8 degrees, a saturation of 92.1% and a lightness of 49.8%. #0acaf4 color hex could be obtained by blending #14ffff with #0095e9. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 79
- B 96
RGB color chart
- C 96
- M 17
- Y 0
- K 4
CMYK color chart

● #0acaf4 color description : Vivid cyan.

The hexadecimal color #0acaf4 has RGB values of R:10, G:202, B:244 and CMYK values of C:0.96, M:0.17, Y:0, K:0.04. Its decimal value is 707316.

Hex triplet	0acaf4	`#0acaf4`
RGB Decimal	10, 202, 244	`rgb(10,202,244)`
RGB Percent	3.9, 79.2, 95.7	`rgb(3.9%,79.2%,95.7%)`
CMYK	96, 17, 0, 4
HSL	190.8°, 92.1, 49.8	`hsl(190.8,92.1%,49.8%)`
HSV (or HSB)	190.8°, 95.9, 95.7
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.348, -26.791, -32.283
XYZ	37.57, 48.833, 93.029
xyY	0.209, 0.272, 48.833
CIE-LCH	75.348, 41.952, 230.312
CIE-LUV	75.348, -53.482, -48.416
Hunter-Lab	69.881, -26.324, -30.013
Binary	00001010, 11001010, 11110100

#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#f4340a
```
#f4340a rgb(244,52,10)
```

Complementary Color

#0af4a9
```
#0af4a9 rgb(10,244,169)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#0a55f4
```
#0a55f4 rgb(10,85,244)
```

Analogous Color

#f4a90a
```
#f4a90a rgb(244,169,10)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#f40a55
```
#f40a55 rgb(244,10,85)
```

Split Complementary Color

#caf40a
```
#caf40a rgb(202,244,10)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#f40aca
```
#f40aca rgb(244,10,202)
```

Triadic Color

#0af434
```
#0af434 rgb(10,244,52)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#f40aca
```
#f40aca rgb(244,10,202)
```
#f4340a
```
#f4340a rgb(244,52,10)
```

Tetradic Color

#078dab
```
#078dab rgb(7,141,171)
```
#08a1c3
```
#08a1c3 rgb(8,161,195)
```
#09b6dc
```
#09b6dc rgb(9,182,220)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#22d0f6
```
#22d0f6 rgb(34,208,246)
```
#3ad5f7
```
#3ad5f7 rgb(58,213,247)
```
#53daf8
```
#53daf8 rgb(83,218,248)
```

Monochromatic Color

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

#0af4e4
```
#0af4e4 rgb(10,244,228)
```
#0af1f4
```
#0af1f4 rgb(10,241,244)
```
#0adef4
```
#0adef4 rgb(10,222,244)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#0ab7f4
```
#0ab7f4 rgb(10,183,244)
```
#0aa3f4
```
#0aa3f4 rgb(10,163,244)
```
#0a90f4
```
#0a90f4 rgb(10,144,244)
```

Similar Colors

Text with hexadecimal color #0acaf4

This text has a font color of #0acaf4.

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

#0acaf4 background color

This paragraph has a background color of #0acaf4.

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

#0acaf4 border color

This element has a border color of #0acaf4.

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

CSS codes

.text {color:#0acaf4;}

.background {background-color:#0acaf4;}

.border {border:1px solid #0acaf4;}

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, #010f12 is the darkest color, while #feffff is the lightest one.

#010f12
```
#010f12 rgb(1,15,18)
```
#021e25
```
#021e25 rgb(2,30,37)
```
#022e38
```
#022e38 rgb(2,46,56)
```
#033e4a
```
#033e4a rgb(3,62,74)
```
#044d5d
```
#044d5d rgb(4,77,93)
```
#055d70
```
#055d70 rgb(5,93,112)
```
#056c83
```
#056c83 rgb(5,108,131)
```
#067c96
```
#067c96 rgb(6,124,150)
```
#078ca9
```
#078ca9 rgb(7,140,169)
```
#089bbb
```
#089bbb rgb(8,155,187)
```
#08abce
```
#08abce rgb(8,171,206)
```
#09bae1
```
#09bae1 rgb(9,186,225)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```

Shade Color Variation

#1ccff6
```
#1ccff6 rgb(28,207,246)
```
#2fd3f6
```
#2fd3f6 rgb(47,211,246)
```
#42d7f7
```
#42d7f7 rgb(66,215,247)
```
#54dbf8
```
#54dbf8 rgb(84,219,248)
```
#67dff9
```
#67dff9 rgb(103,223,249)
```
#7ae3fa
```
#7ae3fa rgb(122,227,250)
```
#8de7fa
```
#8de7fa rgb(141,231,250)
```
#a0ebfb
```
#a0ebfb rgb(160,235,251)
```
#b3effc
```
#b3effc rgb(179,239,252)
```
#c6f3fd
```
#c6f3fd rgb(198,243,253)
```
#d8f7fd
```
#d8f7fd rgb(216,247,253)
```
#ebfbfe
```
#ebfbfe rgb(235,251,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#758589
```
#758589 rgb(117,133,137)
```
#6c8b92
```
#6c8b92 rgb(108,139,146)
```
#62929c
```
#62929c rgb(98,146,156)
```
#5898a6
```
#5898a6 rgb(88,152,166)
```
#4e9eb0
```
#4e9eb0 rgb(78,158,176)
```
#45a4b9
```
#45a4b9 rgb(69,164,185)
```
#3babc3
```
#3babc3 rgb(59,171,195)
```
#31b1cd
```
#31b1cd rgb(49,177,205)
```
#27b7d7
```
#27b7d7 rgb(39,183,215)
```
#1ebde0
```
#1ebde0 rgb(30,189,224)
```
#14c4ea
```
#14c4ea rgb(20,196,234)
```
#0acaf4
```
#0acaf4 rgb(10,202,244)
```
#00d0fe
```
#00d0fe rgb(0,208,254)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#79a0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bbe9 Protanopia 1% of men
#a8bafb Deuteranopia 1% of men
#00cfde Tritanopia 0.001% of the population

Trichromacy

#74c0ed Protanomaly 1% of men, 0.01% of women
#6ec0f8 Deuteranomaly 6% of men, 0.4% of women
#03cde6 Tritanomaly 0.01% of the population

#0acaf4 hex color

#0acaf4 Color Information

#0acaf4 Color Conversion

Color Schemes with #0acaf4

Alternatives to #0acaf4

#0acaf4 Preview

Shades and Tints of #0acaf4

Tones of #0acaf4

Color Blindness Simulator