#0acaf0 hex color

In a RGB color space, hex #0acaf0 is composed of 3.9% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 95.8% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 189.9 degrees, a saturation of 92% and a lightness of 49%. #0acaf0 color hex could be obtained by blending #14ffff with #0095e1. Closest websafe color is: #00ccff.

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

● #0acaf0 color description : Vivid cyan.

The hexadecimal color #0acaf0 has RGB values of R:10, G:202, B:240 and CMYK values of C:0.96, M:0.16, Y:0, K:0.06. Its decimal value is 707312.

Hex triplet	0acaf0	`#0acaf0`
RGB Decimal	10, 202, 240	`rgb(10,202,240)`
RGB Percent	3.9, 79.2, 94.1	`rgb(3.9%,79.2%,94.1%)`
CMYK	96, 16, 0, 6
HSL	189.9°, 92, 49	`hsl(189.9,92%,49%)`
HSV (or HSB)	189.9°, 95.8, 94.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.198, -28.11, -30.366
XYZ	36.97, 48.593, 89.864
xyY	0.211, 0.277, 48.593
CIE-LCH	75.198, 41.379, 227.208
CIE-LUV	75.198, -53.791, -44.943
Hunter-Lab	69.709, -27.324, -27.637
Binary	00001010, 11001010, 11110000

#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#f0300a
```
#f0300a rgb(240,48,10)
```

Complementary Color

#0af0a3
```
#0af0a3 rgb(10,240,163)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#0a57f0
```
#0a57f0 rgb(10,87,240)
```

Analogous Color

#f0a30a
```
#f0a30a rgb(240,163,10)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#f00a57
```
#f00a57 rgb(240,10,87)
```

Split Complementary Color

#caf00a
```
#caf00a rgb(202,240,10)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#f00aca
```
#f00aca rgb(240,10,202)
```

Triadic Color

#0af030
```
#0af030 rgb(10,240,48)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#f00aca
```
#f00aca rgb(240,10,202)
```
#f0300a
```
#f0300a rgb(240,48,10)
```

Tetradic Color

#078ca7
```
#078ca7 rgb(7,140,167)
```
#08a1bf
```
#08a1bf rgb(8,161,191)
```
#09b5d8
```
#09b5d8 rgb(9,181,216)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#1ed2f6
```
#1ed2f6 rgb(30,210,246)
```
#36d7f7
```
#36d7f7 rgb(54,215,247)
```
#4fdcf8
```
#4fdcf8 rgb(79,220,248)
```

Monochromatic Color

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

#0af0dd
```
#0af0dd rgb(10,240,221)
```
#0af0f0
```
#0af0f0 rgb(10,240,240)
```
#0addf0
```
#0addf0 rgb(10,221,240)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#0ab7f0
```
#0ab7f0 rgb(10,183,240)
```
#0aa4f0
```
#0aa4f0 rgb(10,164,240)
```
#0a91f0
```
#0a91f0 rgb(10,145,240)
```

Similar Colors

Text with hexadecimal color #0acaf0

This text has a font color of #0acaf0.

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

#0acaf0 background color

This paragraph has a background color of #0acaf0.

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

#0acaf0 border color

This element has a border color of #0acaf0.

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

CSS codes

.text {color:#0acaf0;}

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

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

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

#010c0e
```
#010c0e rgb(1,12,14)
```
#011c21
```
#011c21 rgb(1,28,33)
```
#022c34
```
#022c34 rgb(2,44,52)
```
#033b47
```
#033b47 rgb(3,59,71)
```
#044b59
```
#044b59 rgb(4,75,89)
```
#055b6c
```
#055b6c rgb(5,91,108)
```
#056b7f
```
#056b7f rgb(5,107,127)
```
#067b92
```
#067b92 rgb(6,123,146)
```
#078ba5
```
#078ba5 rgb(7,139,165)
```
#089ab8
```
#089ab8 rgb(8,154,184)
```
#08aaca
```
#08aaca rgb(8,170,202)
```
#09badd
```
#09badd rgb(9,186,221)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```

Shade Color Variation

#18d1f5
```
#18d1f5 rgb(24,209,245)
```
#2bd5f6
```
#2bd5f6 rgb(43,213,246)
```
#3ed8f7
```
#3ed8f7 rgb(62,216,247)
```
#51dcf8
```
#51dcf8 rgb(81,220,248)
```
#64e0f9
```
#64e0f9 rgb(100,224,249)
```
#76e4f9
```
#76e4f9 rgb(118,228,249)
```
#89e7fa
```
#89e7fa rgb(137,231,250)
```
#9cebfb
```
#9cebfb rgb(156,235,251)
```
#afeffc
```
#afeffc rgb(175,239,252)
```
#c2f3fc
```
#c2f3fc rgb(194,243,252)
```
#d5f7fd
```
#d5f7fd rgb(213,247,253)
```
#e7fafe
```
#e7fafe rgb(231,250,254)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#748386
```
#748386 rgb(116,131,134)
```
#6a8a90
```
#6a8a90 rgb(106,138,144)
```
#619099
```
#619099 rgb(97,144,153)
```
#5796a3
```
#5796a3 rgb(87,150,163)
```
#4d9dad
```
#4d9dad rgb(77,157,173)
```
#44a3b6
```
#44a3b6 rgb(68,163,182)
```
#3aaac0
```
#3aaac0 rgb(58,170,192)
```
#30b0ca
```
#30b0ca rgb(48,176,202)
```
#27b7d3
```
#27b7d3 rgb(39,183,211)
```
#1dbddd
```
#1dbddd rgb(29,189,221)
```
#14c4e6
```
#14c4e6 rgb(20,196,230)
```
#0acaf0
```
#0acaf0 rgb(10,202,240)
```
#00d0fa
```
#00d0fa rgb(0,208,250)
```

Tone Color Variation

Below, you can see how #0acaf0 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
#79a0a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bbe5 Protanopia 1% of men
#aabaf8 Deuteranopia 1% of men
#00cfdd Tritanopia 0.001% of the population

Trichromacy

#75c0e9 Protanomaly 1% of men, 0.01% of women
#70c0f5 Deuteranomaly 6% of men, 0.4% of women
#03cde4 Tritanomaly 0.01% of the population

#0acaf0 hex color

#0acaf0 Color Information

#0acaf0 Color Conversion

Color Schemes with #0acaf0

Alternatives to #0acaf0

#0acaf0 Preview

Shades and Tints of #0acaf0

Tones of #0acaf0

Color Blindness Simulator