#018ff2 Color Information
In a RGB color space, hex #018ff2 is composed of 0.4% red, 56.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 99.6% cyan, 40.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 204.6 degrees, a saturation of 99.2% and a lightness of 47.6%. #018ff2 color hex could be obtained by blending #02ffff with #001fe5. Closest websafe color is: #0099ff.
-
- R 0
- G 56
- B 95
-
- C 100
- M 41
- Y 0
- K 5
● #018ff2 color description : Vivid blue.
#018ff2 Color Conversion
The hexadecimal color #018ff2 has RGB values of R:1, G:143, B:242 and CMYK values of C:1, M:0.41, Y:0, K:0.05. Its decimal value is 102386.
Hex triplet | 018ff2 | #018ff2 |
---|---|---|
RGB Decimal | 1, 143, 242 | rgb(1,143,242) |
RGB Percent | 0.4, 56.1, 94.9 | rgb(0.4%,56.1%,94.9%) |
CMYK | 100, 41, 0, 5 | |
HSL | 204.6°, 99.2, 47.6 | hsl(204.6,99.2%,47.6%) |
HSV (or HSB) | 204.6°, 99.6, 94.9 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 58.094, 4.614, -58.313 |
---|---|
XYZ | 25.858, 26.06, 87.667 |
xyY | 0.185, 0.187, 26.06 |
CIE-LCH | 58.094, 58.495, 274.524 |
CIE-LUV | 58.094, -34.497, -93.121 |
Hunter-Lab | 51.049, 1.082, -66.085 |
Binary | 00000001, 10001111, 11110010 |
Color Schemes with #018ff2
Alternatives to #018ff2
Below, you can see some colors close to #018ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#018ff2 Preview
This text has a font color of #018ff2.
<span style="color:#018ff2;">Text here</span>
This paragraph has a background color of #018ff2.
<p style="background-color:#018ff2;">Content here</p>
This element has a border color of #018ff2.
<div style="border:1px solid #018ff2;">Content here</div>
.text {color:#018ff2;}
.background {background-color:#018ff2;}
.border {border:1px solid #018ff2;}
Shades and Tints of #018ff2
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, #000408 is the darkest color, while #f3faff is the lightest one.
-
#000408
#000408
rgb(0,4,8)
-
#00101b
#00101b
rgb(0,16,27)
-
#001c2f
#001c2f
rgb(0,28,47)
-
#002742
#002742
rgb(0,39,66)
-
#003356
#003356
rgb(0,51,86)
-
#003e69
#003e69
rgb(0,62,105)
-
#014a7d
#014a7d
rgb(1,74,125)
-
#015590
#015590
rgb(1,85,144)
-
#0161a4
#0161a4
rgb(1,97,164)
-
#016cb7
#016cb7
rgb(1,108,183)
-
#0178cb
#0178cb
rgb(1,120,203)
-
#0183de
#0183de
rgb(1,131,222)
-
#018ff2
#018ff2
rgb(1,143,242)
-
#0999fe
#0999fe
rgb(9,153,254)
-
#1ca1fe
#1ca1fe
rgb(28,161,254)
-
#30a9fe
#30a9fe
rgb(48,169,254)
-
#43b1fe
#43b1fe
rgb(67,177,254)
-
#57b9fe
#57b9fe
rgb(87,185,254)
-
#6ac2fe
#6ac2fe
rgb(106,194,254)
-
#7ecafe
#7ecafe
rgb(126,202,254)
-
#91d2ff
#91d2ff
rgb(145,210,255)
-
#a5daff
#a5daff
rgb(165,218,255)
-
#b8e2ff
#b8e2ff
rgb(184,226,255)
-
#cceaff
#cceaff
rgb(204,234,255)
-
#e0f2ff
#e0f2ff
rgb(224,242,255)
-
#f3faff
#f3faff
rgb(243,250,255)
Tones of #018ff2
A tone is produced by adding gray to any pure hue. In this case, #717b82 is the less saturated color, while #018ff2 is the most saturated one.
-
#717b82
#717b82
rgb(113,123,130)
-
#687d8b
#687d8b
rgb(104,125,139)
-
#5e7e95
#5e7e95
rgb(94,126,149)
-
#55809e
#55809e
rgb(85,128,158)
-
#4c82a7
#4c82a7
rgb(76,130,167)
-
#4283b1
#4283b1
rgb(66,131,177)
-
#3985ba
#3985ba
rgb(57,133,186)
-
#3087c3
#3087c3
rgb(48,135,195)
-
#2688cd
#2688cd
rgb(38,136,205)
-
#1d8ad6
#1d8ad6
rgb(29,138,214)
-
#148cdf
#148cdf
rgb(20,140,223)
-
#0a8de9
#0a8de9
rgb(10,141,233)
-
#018ff2
#018ff2
rgb(1,143,242)
Color Blindness Simulator
Below, you can see how #018ff2 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.