#01afff Color Information
In a RGB color space, hex #01afff is composed of 0.4% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 198.9 degrees, a saturation of 100% and a lightness of 50.2%. #01afff color hex could be obtained by blending #02ffff with #005fff. Closest websafe color is: #0099ff.
-
- R 0
- G 69
- B 100
-
- C 100
- M 31
- Y 0
- K 0
● #01afff color description : Vivid blue.
#01afff Color Conversion
The hexadecimal color #01afff has RGB values of R:1, G:175, B:255 and CMYK values of C:1, M:0.31, Y:0, K:0. Its decimal value is 110591.
Hex triplet | 01afff | #01afff |
---|---|---|
RGB Decimal | 1, 175, 255 | rgb(1,175,255) |
RGB Percent | 0.4, 68.6, 100 | rgb(0.4%,68.6%,100%) |
CMYK | 100, 31, 0, 0 | |
HSL | 198.9°, 100, 50.2 | hsl(198.9,100%,50.2%) |
HSV (or HSB) | 198.9°, 99.6, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.934, -8.993, -49.792 |
---|---|
XYZ | 33.388, 37.883, 100.155 |
xyY | 0.195, 0.221, 37.883 |
CIE-LCH | 67.934, 50.597, 259.762 |
CIE-LUV | 67.934, -43.976, -79.824 |
Hunter-Lab | 61.549, -10.882, -53.394 |
Binary | 00000001, 10101111, 11111111 |
Color Schemes with #01afff
Alternatives to #01afff
Below, you can see some colors close to #01afff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#01afff Preview
This text has a font color of #01afff.
<span style="color:#01afff;">Text here</span>
This paragraph has a background color of #01afff.
<p style="background-color:#01afff;">Content here</p>
This element has a border color of #01afff.
<div style="border:1px solid #01afff;">Content here</div>
.text {color:#01afff;}
.background {background-color:#01afff;}
.border {border:1px solid #01afff;}
Shades and Tints of #01afff
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, #000101 is the darkest color, while #ecf9ff is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#000e15
#000e15
rgb(0,14,21)
-
#001c28
#001c28
rgb(0,28,40)
-
#00293c
#00293c
rgb(0,41,60)
-
#00364f
#00364f
rgb(0,54,79)
-
#004463
#004463
rgb(0,68,99)
-
#005177
#005177
rgb(0,81,119)
-
#005f8a
#005f8a
rgb(0,95,138)
-
#006c9e
#006c9e
rgb(0,108,158)
-
#007ab2
#007ab2
rgb(0,122,178)
-
#0087c5
#0087c5
rgb(0,135,197)
-
#0094d9
#0094d9
rgb(0,148,217)
-
#00a2ec
#00a2ec
rgb(0,162,236)
-
#01afff
#01afff
rgb(1,175,255)
-
#15b5ff
#15b5ff
rgb(21,181,255)
-
#28bbff
#28bbff
rgb(40,187,255)
-
#3cc2ff
#3cc2ff
rgb(60,194,255)
-
#4fc8ff
#4fc8ff
rgb(79,200,255)
-
#63ceff
#63ceff
rgb(99,206,255)
-
#77d4ff
#77d4ff
rgb(119,212,255)
-
#8adaff
#8adaff
rgb(138,218,255)
-
#9ee0ff
#9ee0ff
rgb(158,224,255)
-
#b2e7ff
#b2e7ff
rgb(178,231,255)
-
#c5edff
#c5edff
rgb(197,237,255)
-
#d9f3ff
#d9f3ff
rgb(217,243,255)
-
#ecf9ff
#ecf9ff
rgb(236,249,255)
Tones of #01afff
A tone is produced by adding gray to any pure hue. In this case, #76848a is the less saturated color, while #01afff is the most saturated one.
-
#76848a
#76848a
rgb(118,132,138)
-
#6c8794
#6c8794
rgb(108,135,148)
-
#638b9d
#638b9d
rgb(99,139,157)
-
#598ea7
#598ea7
rgb(89,142,167)
-
#4f92b1
#4f92b1
rgb(79,146,177)
-
#4596bb
#4596bb
rgb(69,150,187)
-
#3c99c4
#3c99c4
rgb(60,153,196)
-
#329dce
#329dce
rgb(50,157,206)
-
#28a1d8
#28a1d8
rgb(40,161,216)
-
#1ea4e2
#1ea4e2
rgb(30,164,226)
-
#15a8eb
#15a8eb
rgb(21,168,235)
-
#0babf5
#0babf5
rgb(11,171,245)
-
#01afff
#01afff
rgb(1,175,255)
Color Blindness Simulator
Below, you can see how #01afff 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.