#00afef Color Information
In a RGB color space, hex #00afef is composed of 0% red, 68.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 26.8% magenta, 0% yellow and 6.3% black. It has a hue angle of 196.1 degrees, a saturation of 100% and a lightness of 46.9%. #00afef color hex could be obtained by blending #00ffff with #005fdf. Closest websafe color is: #0099ff.
-
- R 0
- G 69
- B 94
-
- C 100
- M 27
- Y 0
- K 6
● #00afef color description : Pure (or mostly pure) blue.
#00afef Color Conversion
The hexadecimal color #00afef has RGB values of R:0, G:175, B:239 and CMYK values of C:1, M:0.27, Y:0, K:0.06. Its decimal value is 45039.
Hex triplet | 00afef | #00afef |
---|---|---|
RGB Decimal | 0, 175, 239 | rgb(0,175,239) |
RGB Percent | 0, 68.6, 93.7 | rgb(0%,68.6%,93.7%) |
CMYK | 100, 27, 0, 6 | |
HSL | 196.1°, 100, 46.9 | hsl(196.1,100%,46.9%) |
HSV (or HSB) | 196.1°, 100, 93.7 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.194, -14.768, -42.256 |
---|---|
XYZ | 30.906, 36.889, 87.148 |
xyY | 0.199, 0.238, 36.889 |
CIE-LCH | 67.194, 44.762, 250.736 |
CIE-LUV | 67.194, -45.124, -66.173 |
Hunter-Lab | 60.736, -15.458, -42.557 |
Binary | 00000000, 10101111, 11101111 |
Color Schemes with #00afef
Alternatives to #00afef
Below, you can see some colors close to #00afef. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00afef Preview
This text has a font color of #00afef.
<span style="color:#00afef;">Text here</span>
This paragraph has a background color of #00afef.
<p style="background-color:#00afef;">Content here</p>
This element has a border color of #00afef.
<div style="border:1px solid #00afef;">Content here</div>
.text {color:#00afef;}
.background {background-color:#00afef;}
.border {border:1px solid #00afef;}
Shades and Tints of #00afef
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 #effbff is the lightest one.
-
#000304
#000304
rgb(0,3,4)
-
#001117
#001117
rgb(0,17,23)
-
#001f2b
#001f2b
rgb(0,31,43)
-
#002e3e
#002e3e
rgb(0,46,62)
-
#003c52
#003c52
rgb(0,60,82)
-
#004a66
#004a66
rgb(0,74,102)
-
#005979
#005979
rgb(0,89,121)
-
#00678d
#00678d
rgb(0,103,141)
-
#0076a1
#0076a1
rgb(0,118,161)
-
#0084b4
#0084b4
rgb(0,132,180)
-
#0092c8
#0092c8
rgb(0,146,200)
-
#00a1db
#00a1db
rgb(0,161,219)
-
#00afef
#00afef
rgb(0,175,239)
-
#04bcff
#04bcff
rgb(4,188,255)
-
#17c1ff
#17c1ff
rgb(23,193,255)
-
#2bc6ff
#2bc6ff
rgb(43,198,255)
-
#3ecbff
#3ecbff
rgb(62,203,255)
-
#52d1ff
#52d1ff
rgb(82,209,255)
-
#66d6ff
#66d6ff
rgb(102,214,255)
-
#79dbff
#79dbff
rgb(121,219,255)
-
#8de0ff
#8de0ff
rgb(141,224,255)
-
#a1e6ff
#a1e6ff
rgb(161,230,255)
-
#b4ebff
#b4ebff
rgb(180,235,255)
-
#c8f0ff
#c8f0ff
rgb(200,240,255)
-
#dbf5ff
#dbf5ff
rgb(219,245,255)
-
#effbff
#effbff
rgb(239,251,255)
Tones of #00afef
A tone is produced by adding gray to any pure hue. In this case, #6e7c81 is the less saturated color, while #00afef is the most saturated one.
-
#6e7c81
#6e7c81
rgb(110,124,129)
-
#65808a
#65808a
rgb(101,128,138)
-
#5c8493
#5c8493
rgb(92,132,147)
-
#53899c
#53899c
rgb(83,137,156)
-
#4a8da5
#4a8da5
rgb(74,141,165)
-
#4091af
#4091af
rgb(64,145,175)
-
#3795b8
#3795b8
rgb(55,149,184)
-
#2e9ac1
#2e9ac1
rgb(46,154,193)
-
#259eca
#259eca
rgb(37,158,202)
-
#1ca2d3
#1ca2d3
rgb(28,162,211)
-
#12a6dd
#12a6dd
rgb(18,166,221)
-
#09abe6
#09abe6
rgb(9,171,230)
-
#00afef
#00afef
rgb(0,175,239)
Color Blindness Simulator
Below, you can see how #00afef 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.