#0afbf4 hex color

In a RGB color space, hex #0afbf4 is composed of 3.9% red, 98.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 96% cyan, 0% magenta, 2.8% yellow and 1.6% black. It has a hue angle of 178.3 degrees, a saturation of 96.8% and a lightness of 51.2%. #0afbf4 color hex could be obtained by blending #14ffff with #00f7e9. Closest websafe color is: #00ffff.

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

● #0afbf4 color description : Vivid cyan.

The hexadecimal color #0afbf4 has RGB values of R:10, G:251, B:244 and CMYK values of C:0.96, M:0, Y:0.03, K:0.02. Its decimal value is 719860.

Hex triplet	0afbf4	`#0afbf4`
RGB Decimal	10, 251, 244	`rgb(10,251,244)`
RGB Percent	3.9, 98.4, 95.7	`rgb(3.9%,98.4%,95.7%)`
CMYK	96, 0, 3, 2
HSL	178.3°, 96.8, 51.2	`hsl(178.3,96.8%,51.2%)`
HSV (or HSB)	178.3°, 96, 98.4
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.666, -49.301, -10.581
XYZ	50.946, 75.585, 97.487
xyY	0.227, 0.337, 75.585
CIE-LCH	89.666, 50.424, 192.113
CIE-LUV	89.666, -69.806, -9.117
Hunter-Lab	86.94, -47.545, -5.625
Binary	00001010, 11111011, 11110100

#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#fb0a11
```
#fb0a11 rgb(251,10,17)
```

Complementary Color

#0afb7c
```
#0afb7c rgb(10,251,124)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#0a8afb
```
#0a8afb rgb(10,138,251)
```

Analogous Color

#fb7c0a
```
#fb7c0a rgb(251,124,10)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#fb0a8a
```
#fb0a8a rgb(251,10,138)
```

Split Complementary Color

#fbf40a
```
#fbf40a rgb(251,244,10)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#f40afb
```
#f40afb rgb(244,10,251)
```

Triadic Color

#11fb0a
```
#11fb0a rgb(17,251,10)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#f40afb
```
#f40afb rgb(244,10,251)
```
#fb0a11
```
#fb0a11 rgb(251,10,17)
```

Tetradic Color

#03b6b0
```
#03b6b0 rgb(3,182,176)
```
#03cfc9
```
#03cfc9 rgb(3,207,201)
```
#04e8e1
```
#04e8e1 rgb(4,232,225)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#23fbf5
```
#23fbf5 rgb(35,251,245)
```
#3cfcf6
```
#3cfcf6 rgb(60,252,246)
```
#55fcf7
```
#55fcf7 rgb(85,252,247)
```

Monochromatic Color

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

#0afbb8
```
#0afbb8 rgb(10,251,184)
```
#0afbcc
```
#0afbcc rgb(10,251,204)
```
#0afbe0
```
#0afbe0 rgb(10,251,224)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#0aeefb
```
#0aeefb rgb(10,238,251)
```
#0adafb
```
#0adafb rgb(10,218,251)
```
#0ac6fb
```
#0ac6fb rgb(10,198,251)
```

Similar Colors

Text with hexadecimal color #0afbf4

This text has a font color of #0afbf4.

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

#0afbf4 background color

This paragraph has a background color of #0afbf4.

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

#0afbf4 border color

This element has a border color of #0afbf4.

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

CSS codes

.text {color:#0afbf4;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#001918
```
#001918 rgb(0,25,24)
```
#012d2b
```
#012d2b rgb(1,45,43)
```
#01403e
```
#01403e rgb(1,64,62)
```
#015351
```
#015351 rgb(1,83,81)
```
#026663
```
#026663 rgb(2,102,99)
```
#027a76
```
#027a76 rgb(2,122,118)
```
#028d89
```
#028d89 rgb(2,141,137)
```
#03a09c
```
#03a09c rgb(3,160,156)
```
#03b4ae
```
#03b4ae rgb(3,180,174)
```
#03c7c1
```
#03c7c1 rgb(3,199,193)
```
#04dad4
```
#04dad4 rgb(4,218,212)
```
#04eee7
```
#04eee7 rgb(4,238,231)
```

Shade Color Variation

#0afbf4
```
#0afbf4 rgb(10,251,244)
```
#1dfbf5
```
#1dfbf5 rgb(29,251,245)
```
#31fcf6
```
#31fcf6 rgb(49,252,246)
```
#44fcf7
```
#44fcf7 rgb(68,252,247)
```
#57fcf7
```
#57fcf7 rgb(87,252,247)
```
#6bfdf8
```
#6bfdf8 rgb(107,253,248)
```
#7efdf9
```
#7efdf9 rgb(126,253,249)
```
#91fdfa
```
#91fdfa rgb(145,253,250)
```
#a4fefb
```
#a4fefb rgb(164,254,251)
```
#b8fefc
```
#b8fefc rgb(184,254,252)
```
#cbfefd
```
#cbfefd rgb(203,254,253)
```
#defefe
```
#defefe rgb(222,254,254)
```
#f2fffe
```
#f2fffe rgb(242,255,254)
```

Tint Color Variation

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

#7d8888
```
#7d8888 rgb(125,136,136)
```
#739291
```
#739291 rgb(115,146,145)
```
#6a9b9a
```
#6a9b9a rgb(106,155,154)
```
#60a5a3
```
#60a5a3 rgb(96,165,163)
```
#57aeac
```
#57aeac rgb(87,174,172)
```
#4db8b5
```
#4db8b5 rgb(77,184,181)
```
#43c2be
```
#43c2be rgb(67,194,190)
```
#3acbc7
```
#3acbc7 rgb(58,203,199)
```
#30d5d0
```
#30d5d0 rgb(48,213,208)
```
#27ded9
```
#27ded9 rgb(39,222,217)
```
#1de8e2
```
#1de8e2 rgb(29,232,226)
```
#14f1eb
```
#14f1eb rgb(20,241,235)
```
#0afbf4
```
#0afbf4 rgb(10,251,244)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#90c1bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5e1e6 Protanopia 1% of men
#e9ddff Deuteranopia 1% of men
#90f1ff Tritanopia 0.001% of the population

Trichromacy

#95eaeb Protanomaly 1% of men, 0.01% of women
#98e8fb Deuteranomaly 6% of men, 0.4% of women
#5ff5fb Tritanomaly 0.01% of the population

#0afbf4 hex color

#0afbf4 Color Information

#0afbf4 Color Conversion

Color Schemes with #0afbf4

Alternatives to #0afbf4

#0afbf4 Preview

Shades and Tints of #0afbf4

Tones of #0afbf4

Color Blindness Simulator