#06afff Color Information
In a RGB color space, hex #06afff is composed of 2.4% red, 68.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 31.4% magenta, 0% yellow and 0% black. It has a hue angle of 199.3 degrees, a saturation of 100% and a lightness of 51.2%. #06afff color hex could be obtained by blending #0cffff with #005fff. Closest websafe color is: #0099ff.
-
- R 2
- G 69
- B 100
-
- C 98
- M 31
- Y 0
- K 0
● #06afff color description : Vivid blue.
#06afff Color Conversion
The hexadecimal color #06afff has RGB values of R:6, G:175, B:255 and CMYK values of C:0.98, M:0.31, Y:0, K:0. Its decimal value is 438271.
Hex triplet | 06afff | #06afff |
---|---|---|
RGB Decimal | 6, 175, 255 | rgb(6,175,255) |
RGB Percent | 2.4, 68.6, 100 | rgb(2.4%,68.6%,100%) |
CMYK | 98, 31, 0, 0 | |
HSL | 199.3°, 100, 51.2 | hsl(199.3,100%,51.2%) |
HSV (or HSB) | 199.3°, 97.6, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 67.958, -8.875, -49.753 |
---|---|
XYZ | 33.451, 37.915, 100.158 |
xyY | 0.195, 0.221, 37.915 |
CIE-LCH | 67.958, 50.538, 259.886 |
CIE-LUV | 67.958, -43.826, -79.774 |
Hunter-Lab | 61.576, -10.788, -53.337 |
Binary | 00000110, 10101111, 11111111 |
Color Schemes with #06afff
Alternatives to #06afff
Below, you can see some colors close to #06afff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#06afff Preview
This text has a font color of #06afff.
<span style="color:#06afff;">Text here</span>
This paragraph has a background color of #06afff.
<p style="background-color:#06afff;">Content here</p>
This element has a border color of #06afff.
<div style="border:1px solid #06afff;">Content here</div>
.text {color:#06afff;}
.background {background-color:#06afff;}
.border {border:1px solid #06afff;}
Shades and Tints of #06afff
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, #000406 is the darkest color, while #f1fbff is the lightest one.
-
#000406
#000406
rgb(0,4,6)
-
#00111a
#00111a
rgb(0,17,26)
-
#001f2d
#001f2d
rgb(0,31,45)
-
#002c41
#002c41
rgb(0,44,65)
-
#003954
#003954
rgb(0,57,84)
-
#004768
#004768
rgb(0,71,104)
-
#00547c
#00547c
rgb(0,84,124)
-
#00618f
#00618f
rgb(0,97,143)
-
#006fa3
#006fa3
rgb(0,111,163)
-
#007cb7
#007cb7
rgb(0,124,183)
-
#0089ca
#0089ca
rgb(0,137,202)
-
#0097de
#0097de
rgb(0,151,222)
-
#00a4f1
#00a4f1
rgb(0,164,241)
-
#06afff
#06afff
rgb(6,175,255)
-
#1ab5ff
#1ab5ff
rgb(26,181,255)
-
#2dbcff
#2dbcff
rgb(45,188,255)
-
#41c2ff
#41c2ff
rgb(65,194,255)
-
#54c8ff
#54c8ff
rgb(84,200,255)
-
#68cfff
#68cfff
rgb(104,207,255)
-
#7cd5ff
#7cd5ff
rgb(124,213,255)
-
#8fdbff
#8fdbff
rgb(143,219,255)
-
#a3e1ff
#a3e1ff
rgb(163,225,255)
-
#b7e8ff
#b7e8ff
rgb(183,232,255)
-
#caeeff
#caeeff
rgb(202,238,255)
-
#def4ff
#def4ff
rgb(222,244,255)
-
#f1fbff
#f1fbff
rgb(241,251,255)
Tones of #06afff
A tone is produced by adding gray to any pure hue. In this case, #79868c is the less saturated color, while #06afff is the most saturated one.
-
#79868c
#79868c
rgb(121,134,140)
-
#6f8996
#6f8996
rgb(111,137,150)
-
#668d9f
#668d9f
rgb(102,141,159)
-
#5c90a9
#5c90a9
rgb(92,144,169)
-
#5394b2
#5394b2
rgb(83,148,178)
-
#4997bc
#4997bc
rgb(73,151,188)
-
#3f9ac6
#3f9ac6
rgb(63,154,198)
-
#369ecf
#369ecf
rgb(54,158,207)
-
#2ca1d9
#2ca1d9
rgb(44,161,217)
-
#23a5e2
#23a5e2
rgb(35,165,226)
-
#19a8ec
#19a8ec
rgb(25,168,236)
-
#10acf5
#10acf5
rgb(16,172,245)
-
#06afff
#06afff
rgb(6,175,255)
Color Blindness Simulator
Below, you can see how #06afff 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.