#0afbf8 hex color

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

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

● #0afbf8 color description : Vivid cyan.

The hexadecimal color #0afbf8 has RGB values of R:10, G:251, B:248 and CMYK values of C:0.96, M:0, Y:0.01, K:0.02. Its decimal value is 719864.

Hex triplet	0afbf8	`#0afbf8`
RGB Decimal	10, 251, 248	`rgb(10,251,248)`
RGB Percent	3.9, 98.4, 97.3	`rgb(3.9%,98.4%,97.3%)`
CMYK	96, 0, 1, 2
HSL	179.3°, 96.8, 51.2	`hsl(179.3,96.8%,51.2%)`
HSV (or HSB)	179.3°, 96, 98.4
Web Safe	00ffff	`#00ffff`

CIE-LAB	89.781, -48.169, -12.492
XYZ	51.56, 75.831, 100.721
xyY	0.226, 0.332, 75.831
CIE-LCH	89.781, 49.762, 194.538
CIE-LUV	89.781, -69.484, -12.444
Hunter-Lab	87.081, -46.702, -7.62
Binary	00001010, 11111011, 11111000

#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#fb0a0d
```
#fb0a0d rgb(251,10,13)
```

Complementary Color

#0afb80
```
#0afb80 rgb(10,251,128)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#0a86fb
```
#0a86fb rgb(10,134,251)
```

Analogous Color

#fb800a
```
#fb800a rgb(251,128,10)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#fb0a86
```
#fb0a86 rgb(251,10,134)
```

Split Complementary Color

#fbf80a
```
#fbf80a rgb(251,248,10)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#f80afb
```
#f80afb rgb(248,10,251)
```

Triadic Color

#0dfb0a
```
#0dfb0a rgb(13,251,10)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#f80afb
```
#f80afb rgb(248,10,251)
```
#fb0a0d
```
#fb0a0d rgb(251,10,13)
```

Tetradic Color

#03b6b3
```
#03b6b3 rgb(3,182,179)
```
#03cfcc
```
#03cfcc rgb(3,207,204)
```
#04e8e5
```
#04e8e5 rgb(4,232,229)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#23fbf9
```
#23fbf9 rgb(35,251,249)
```
#3cfcf9
```
#3cfcf9 rgb(60,252,249)
```
#55fcfa
```
#55fcfa rgb(85,252,250)
```

Monochromatic Color

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

#0afbbc
```
#0afbbc rgb(10,251,188)
```
#0afbd0
```
#0afbd0 rgb(10,251,208)
```
#0afbe4
```
#0afbe4 rgb(10,251,228)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#0aeafb
```
#0aeafb rgb(10,234,251)
```
#0ad6fb
```
#0ad6fb rgb(10,214,251)
```
#0ac2fb
```
#0ac2fb rgb(10,194,251)
```

Similar Colors

Text with hexadecimal color #0afbf8

This text has a font color of #0afbf8.

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

#0afbf8 background color

This paragraph has a background color of #0afbf8.

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

#0afbf8 border color

This element has a border color of #0afbf8.

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

CSS codes

.text {color:#0afbf8;}

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

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

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 #f2ffff is the lightest one.

#000606
```
#000606 rgb(0,6,6)
```
#001919
```
#001919 rgb(0,25,25)
```
#012d2c
```
#012d2c rgb(1,45,44)
```
#01403f
```
#01403f rgb(1,64,63)
```
#015352
```
#015352 rgb(1,83,82)
```
#026665
```
#026665 rgb(2,102,101)
```
#027a78
```
#027a78 rgb(2,122,120)
```
#028d8b
```
#028d8b rgb(2,141,139)
```
#03a09e
```
#03a09e rgb(3,160,158)
```
#03b4b1
```
#03b4b1 rgb(3,180,177)
```
#03c7c4
```
#03c7c4 rgb(3,199,196)
```
#04dad8
```
#04dad8 rgb(4,218,216)
```
#04eeeb
```
#04eeeb rgb(4,238,235)
```

Shade Color Variation

#0afbf8
```
#0afbf8 rgb(10,251,248)
```
#1dfbf9
```
#1dfbf9 rgb(29,251,249)
```
#31fcf9
```
#31fcf9 rgb(49,252,249)
```
#44fcfa
```
#44fcfa rgb(68,252,250)
```
#57fcfa
```
#57fcfa rgb(87,252,250)
```
#6bfdfb
```
#6bfdfb rgb(107,253,251)
```
#7efdfb
```
#7efdfb rgb(126,253,251)
```
#91fdfc
```
#91fdfc rgb(145,253,252)
```
#a4fefc
```
#a4fefc rgb(164,254,252)
```
#b8fefd
```
#b8fefd rgb(184,254,253)
```
#cbfefe
```
#cbfefe rgb(203,254,254)
```
#defefe
```
#defefe rgb(222,254,254)
```
#f2ffff
```
#f2ffff rgb(242,255,255)
```

Tint Color Variation

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

#7d8888
```
#7d8888 rgb(125,136,136)
```
#739291
```
#739291 rgb(115,146,145)
```
#6a9b9b
```
#6a9b9b rgb(106,155,155)
```
#60a5a4
```
#60a5a4 rgb(96,165,164)
```
#57aead
```
#57aead rgb(87,174,173)
```
#4db8b7
```
#4db8b7 rgb(77,184,183)
```
#43c2c0
```
#43c2c0 rgb(67,194,192)
```
#3acbc9
```
#3acbc9 rgb(58,203,201)
```
#30d5d3
```
#30d5d3 rgb(48,213,211)
```
#27dedc
```
#27dedc rgb(39,222,220)
```
#1de8e5
```
#1de8e5 rgb(29,232,229)
```
#14f1ef
```
#14f1ef rgb(20,241,239)
```
#0afbf8
```
#0afbf8 rgb(10,251,248)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#91c1c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4e2ea Protanopia 1% of men
#e7deff Deuteranopia 1% of men
#92f1ff Tritanopia 0.001% of the population

Trichromacy

#95ebef Protanomaly 1% of men, 0.01% of women
#97e9fc Deuteranomaly 6% of men, 0.4% of women
#60f5fc Tritanomaly 0.01% of the population

#0afbf8 hex color

#0afbf8 Color Information

#0afbf8 Color Conversion

Color Schemes with #0afbf8

Alternatives to #0afbf8

#0afbf8 Preview

Shades and Tints of #0afbf8

Tones of #0afbf8

Color Blindness Simulator