#0acaf9 hex color

In a RGB color space, hex #0acaf9 is composed of 3.9% red, 79.2% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 18.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 191.8 degrees, a saturation of 95.2% and a lightness of 50.8%. #0acaf9 color hex could be obtained by blending #14ffff with #0095f3. Closest websafe color is: #00ccff.

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

● #0acaf9 color description : Vivid cyan.

The hexadecimal color #0acaf9 has RGB values of R:10, G:202, B:249 and CMYK values of C:0.96, M:0.19, Y:0, K:0.02. Its decimal value is 707321.

Hex triplet	0acaf9	`#0acaf9`
RGB Decimal	10, 202, 249	`rgb(10,202,249)`
RGB Percent	3.9, 79.2, 97.6	`rgb(3.9%,79.2%,97.6%)`
CMYK	96, 19, 0, 2
HSL	191.8°, 95.2, 50.8	`hsl(191.8,95.2%,50.8%)`
HSV (or HSB)	191.8°, 96, 97.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.539, -25.128, -34.67
XYZ	38.34, 49.141, 97.082
xyY	0.208, 0.266, 49.141
CIE-LCH	75.539, 42.819, 234.067
CIE-LUV	75.539, -53.097, -52.755
Hunter-Lab	70.101, -25.05, -33.039
Binary	00001010, 11001010, 11111001

#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#f9390a
```
#f9390a rgb(249,57,10)
```

Complementary Color

#0af9b1
```
#0af9b1 rgb(10,249,177)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#0a53f9
```
#0a53f9 rgb(10,83,249)
```

Analogous Color

#f9b10a
```
#f9b10a rgb(249,177,10)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#f90a53
```
#f90a53 rgb(249,10,83)
```

Split Complementary Color

#caf90a
```
#caf90a rgb(202,249,10)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#f90aca
```
#f90aca rgb(249,10,202)
```

Triadic Color

#0af939
```
#0af939 rgb(10,249,57)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#f90aca
```
#f90aca rgb(249,10,202)
```
#f9390a
```
#f9390a rgb(249,57,10)
```

Tetradic Color

#0490b2
```
#0490b2 rgb(4,144,178)
```
#05a4cb
```
#05a4cb rgb(5,164,203)
```
#06b8e4
```
#06b8e4 rgb(6,184,228)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#23cffa
```
#23cffa rgb(35,207,250)
```
#3cd5fa
```
#3cd5fa rgb(60,213,250)
```
#55dafb
```
#55dafb rgb(85,218,251)
```

Monochromatic Color

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

#0af9ec
```
#0af9ec rgb(10,249,236)
```
#0af2f9
```
#0af2f9 rgb(10,242,249)
```
#0adef9
```
#0adef9 rgb(10,222,249)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#0ab6f9
```
#0ab6f9 rgb(10,182,249)
```
#0aa2f9
```
#0aa2f9 rgb(10,162,249)
```
#0a8ef9
```
#0a8ef9 rgb(10,142,249)
```

Similar Colors

Text with hexadecimal color #0acaf9

This text has a font color of #0acaf9.

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

#0acaf9 background color

This paragraph has a background color of #0acaf9.

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

#0acaf9 border color

This element has a border color of #0acaf9.

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

CSS codes

.text {color:#0acaf9;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011317
```
#011317 rgb(1,19,23)
```
#01222a
```
#01222a rgb(1,34,42)
```
#02323d
```
#02323d rgb(2,50,61)
```
#024150
```
#024150 rgb(2,65,80)
```
#025164
```
#025164 rgb(2,81,100)
```
#036077
```
#036077 rgb(3,96,119)
```
#036f8a
```
#036f8a rgb(3,111,138)
```
#047f9d
```
#047f9d rgb(4,127,157)
```
#048eb0
```
#048eb0 rgb(4,142,176)
```
#059ec3
```
#059ec3 rgb(5,158,195)
```
#05add7
```
#05add7 rgb(5,173,215)
```
#06bdea
```
#06bdea rgb(6,189,234)
```

Shade Color Variation

#0acaf9
```
#0acaf9 rgb(10,202,249)
```
#1dcef9
```
#1dcef9 rgb(29,206,249)
```
#30d2fa
```
#30d2fa rgb(48,210,250)
```
#43d6fa
```
#43d6fa rgb(67,214,250)
```
#57dbfb
```
#57dbfb rgb(87,219,251)
```
#6adffb
```
#6adffb rgb(106,223,251)
```
#7de3fc
```
#7de3fc rgb(125,227,252)
```
#90e7fc
```
#90e7fc rgb(144,231,252)
```
#a3ebfd
```
#a3ebfd rgb(163,235,253)
```
#b6effd
```
#b6effd rgb(182,239,253)
```
#c9f3fe
```
#c9f3fe rgb(201,243,254)
```
#ddf8fe
```
#ddf8fe rgb(221,248,254)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#7e8485
```
#7e8485 rgb(126,132,133)
```
#748a8f
```
#748a8f rgb(116,138,143)
```
#6b8f98
```
#6b8f98 rgb(107,143,152)
```
#6195a2
```
#6195a2 rgb(97,149,162)
```
#579bac
```
#579bac rgb(87,155,172)
```
#4ea1b5
```
#4ea1b5 rgb(78,161,181)
```
#44a7bf
```
#44a7bf rgb(68,167,191)
```
#3aadc9
```
#3aadc9 rgb(58,173,201)
```
#31b3d2
```
#31b3d2 rgb(49,179,210)
```
#27b8dc
```
#27b8dc rgb(39,184,220)
```
#1dbee6
```
#1dbee6 rgb(29,190,230)
```
#14c4ef
```
#14c4ef rgb(20,196,239)
```
#0acaf9
```
#0acaf9 rgb(10,202,249)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7aa0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#afbbed Protanopia 1% of men
#a6bbff Deuteranopia 1% of men
#00d0de Tritanopia 0.001% of the population

Trichromacy

#73c0f1 Protanomaly 1% of men, 0.01% of women
#6dc0fc Deuteranomaly 6% of men, 0.4% of women
#03cde8 Tritanomaly 0.01% of the population

#0acaf9 hex color

#0acaf9 Color Information

#0acaf9 Color Conversion

Color Schemes with #0acaf9

Alternatives to #0acaf9

#0acaf9 Preview

Shades and Tints of #0acaf9

Tones of #0acaf9

Color Blindness Simulator