#00afed hex color

In a RGB color space, hex #00afed is composed of 0% red, 68.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 26.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 195.7 degrees, a saturation of 100% and a lightness of 46.5%. #00afed color hex could be obtained by blending #00ffff with #005fdb. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 0
- G 69
- B 93
RGB color chart
- C 100
- M 26
- Y 0
- K 7
CMYK color chart

● #00afed color description : Pure (or mostly pure) blue.

The hexadecimal color #00afed has RGB values of R:0, G:175, B:237 and CMYK values of C:1, M:0.26, Y:0, K:0.07. Its decimal value is 45037.

Hex triplet	00afed	`#00afed`
RGB Decimal	0, 175, 237	`rgb(0,175,237)`
RGB Percent	0, 68.6, 92.9	`rgb(0%,68.6%,92.9%)`
CMYK	100, 26, 0, 7
HSL	195.7°, 100, 46.5	`hsl(195.7,100%,46.5%)`
HSV (or HSB)	195.7°, 100, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.105, -15.48, -41.303
XYZ	30.612, 36.771, 85.6
xyY	0.2, 0.24, 36.771
CIE-LCH	67.105, 44.108, 249.455
CIE-LUV	67.105, -45.268, -64.45
Hunter-Lab	60.639, -16.008, -41.248
Binary	00000000, 10101111, 11101101

#00afed
```
#00afed rgb(0,175,237)
```
#ed3e00
```
#ed3e00 rgb(237,62,0)
```

Complementary Color

#00edb5
```
#00edb5 rgb(0,237,181)
```
#00afed
```
#00afed rgb(0,175,237)
```
#0039ed
```
#0039ed rgb(0,57,237)
```

Analogous Color

#edb500
```
#edb500 rgb(237,181,0)
```
#00afed
```
#00afed rgb(0,175,237)
```
#ed0039
```
#ed0039 rgb(237,0,57)
```

Split Complementary Color

#afed00
```
#afed00 rgb(175,237,0)
```
#00afed
```
#00afed rgb(0,175,237)
```
#ed00af
```
#ed00af rgb(237,0,175)
```

Triadic Color

#00ed3e
```
#00ed3e rgb(0,237,62)
```
#00afed
```
#00afed rgb(0,175,237)
```
#ed00af
```
#ed00af rgb(237,0,175)
```
#ed3e00
```
#ed3e00 rgb(237,62,0)
```

Tetradic Color

#0077a1
```
#0077a1 rgb(0,119,161)
```
#0089ba
```
#0089ba rgb(0,137,186)
```
#009cd4
```
#009cd4 rgb(0,156,212)
```
#00afed
```
#00afed rgb(0,175,237)
```
#07beff
```
#07beff rgb(7,190,255)
```
#21c5ff
```
#21c5ff rgb(33,197,255)
```
#3bccff
```
#3bccff rgb(59,204,255)
```

Monochromatic Color

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

#00eaed
```
#00eaed rgb(0,234,237)
```
#00d7ed
```
#00d7ed rgb(0,215,237)
```
#00c3ed
```
#00c3ed rgb(0,195,237)
```
#00afed
```
#00afed rgb(0,175,237)
```
#009bed
```
#009bed rgb(0,155,237)
```
#0088ed
```
#0088ed rgb(0,136,237)
```
#0074ed
```
#0074ed rgb(0,116,237)
```

Similar Colors

Text with hexadecimal color #00afed

This text has a font color of #00afed.

<span style="color:#00afed;">Text here</span>

#00afed background color

This paragraph has a background color of #00afed.

<p style="background-color:#00afed;">Content here</p>

#00afed border color

This element has a border color of #00afed.

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

CSS codes

.text {color:#00afed;}

.background {background-color:#00afed;}

.border {border:1px solid #00afed;}

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

#000102
```
#000102 rgb(0,1,2)
```
#001015
```
#001015 rgb(0,16,21)
```
#001e29
```
#001e29 rgb(0,30,41)
```
#002d3c
```
#002d3c rgb(0,45,60)
```
#003b50
```
#003b50 rgb(0,59,80)
```
#004a64
```
#004a64 rgb(0,74,100)
```
#005877
```
#005877 rgb(0,88,119)
```
#00678b
```
#00678b rgb(0,103,139)
```
#00759f
```
#00759f rgb(0,117,159)
```
#0084b2
```
#0084b2 rgb(0,132,178)
```
#0092c6
```
#0092c6 rgb(0,146,198)
```
#00a1d9
```
#00a1d9 rgb(0,161,217)
```
#00afed
```
#00afed rgb(0,175,237)
```

Shade Color Variation

#02bdff
```
#02bdff rgb(2,189,255)
```
#15c2ff
```
#15c2ff rgb(21,194,255)
```
#29c7ff
```
#29c7ff rgb(41,199,255)
```
#3cccff
```
#3cccff rgb(60,204,255)
```
#50d1ff
```
#50d1ff rgb(80,209,255)
```
#64d6ff
```
#64d6ff rgb(100,214,255)
```
#77dcff
```
#77dcff rgb(119,220,255)
```
#8be1ff
```
#8be1ff rgb(139,225,255)
```
#9fe6ff
```
#9fe6ff rgb(159,230,255)
```
#b2ebff
```
#b2ebff rgb(178,235,255)
```
#c6f0ff
```
#c6f0ff rgb(198,240,255)
```
#d9f5ff
```
#d9f5ff rgb(217,245,255)
```
#edfaff
```
#edfaff rgb(237,250,255)
```

Tint Color Variation

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

#6d7b80
```
#6d7b80 rgb(109,123,128)
```
#647f89
```
#647f89 rgb(100,127,137)
```
#5b8492
```
#5b8492 rgb(91,132,146)
```
#52889b
```
#52889b rgb(82,136,155)
```
#498ca4
```
#498ca4 rgb(73,140,164)
```
#4091ad
```
#4091ad rgb(64,145,173)
```
#3795b6
```
#3795b6 rgb(55,149,182)
```
#2e99bf
```
#2e99bf rgb(46,153,191)
```
#249ec9
```
#249ec9 rgb(36,158,201)
```
#1ba2d2
```
#1ba2d2 rgb(27,162,210)
```
#12a6db
```
#12a6db rgb(18,166,219)
```
#09abe4
```
#09abe4 rgb(9,171,228)
```
#00afed
```
#00afed rgb(0,175,237)
```

Tone Color Variation

Below, you can see how #00afed 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

#828282 Achromatopsia 0.005% of the population
#688b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a5e4 Protanopia 1% of men
#82a7f2 Deuteranopia 1% of men
#00b8c4 Tritanopia 0.001% of the population

Trichromacy

#5da9e7 Protanomaly 1% of men, 0.01% of women
#53aaf0 Deuteranomaly 6% of men, 0.4% of women
#00b5d3 Tritanomaly 0.01% of the population

#00afed hex color

#00afed Color Information

#00afed Color Conversion

Color Schemes with #00afed

Alternatives to #00afed

#00afed Preview

Shades and Tints of #00afed

Tones of #00afed

Color Blindness Simulator