#0286ff Color Information
In a RGB color space, hex #0286ff is composed of 0.8% red, 52.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 47.5% magenta, 0% yellow and 0% black. It has a hue angle of 208.7 degrees, a saturation of 100% and a lightness of 50.4%. #0286ff color hex could be obtained by blending #04ffff with #000dff. Closest websafe color is: #0099ff.
-
- R 1
- G 53
- B 100
-
- C 99
- M 47
- Y 0
- K 0
● #0286ff color description : Vivid blue.
#0286ff Color Conversion
The hexadecimal color #0286ff has RGB values of R:2, G:134, B:255 and CMYK values of C:0.99, M:0.47, Y:0, K:0. Its decimal value is 165631.
Hex triplet | 0286ff | #0286ff |
---|---|---|
RGB Decimal | 2, 134, 255 | rgb(2,134,255) |
RGB Percent | 0.8, 52.5, 100 | rgb(0.8%,52.5%,100%) |
CMYK | 99, 47, 0, 0 | |
HSL | 208.7°, 100, 50.4 | hsl(208.7,100%,50.4%) |
HSV (or HSB) | 208.7°, 99.2, 100 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 56.368, 15.107, -68.255 |
---|---|
XYZ | 26.596, 24.281, 97.887 |
xyY | 0.179, 0.163, 24.281 |
CIE-LCH | 56.368, 69.907, 282.48 |
CIE-LUV | 56.368, -31.08, -109.237 |
Hunter-Lab | 49.275, 10.112, -83.289 |
Binary | 00000010, 10000110, 11111111 |
Color Schemes with #0286ff
Alternatives to #0286ff
Below, you can see some colors close to #0286ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#0286ff Preview
This text has a font color of #0286ff.
<span style="color:#0286ff;">Text here</span>
This paragraph has a background color of #0286ff.
<p style="background-color:#0286ff;">Content here</p>
This element has a border color of #0286ff.
<div style="border:1px solid #0286ff;">Content here</div>
.text {color:#0286ff;}
.background {background-color:#0286ff;}
.border {border:1px solid #0286ff;}
Shades and Tints of #0286ff
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 #edf7ff is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#000b16
#000b16
rgb(0,11,22)
-
#001629
#001629
rgb(0,22,41)
-
#00203d
#00203d
rgb(0,32,61)
-
#002a50
#002a50
rgb(0,42,80)
-
#003464
#003464
rgb(0,52,100)
-
#003e78
#003e78
rgb(0,62,120)
-
#00498b
#00498b
rgb(0,73,139)
-
#00539f
#00539f
rgb(0,83,159)
-
#005db3
#005db3
rgb(0,93,179)
-
#0067c6
#0067c6
rgb(0,103,198)
-
#0072da
#0072da
rgb(0,114,218)
-
#007ced
#007ced
rgb(0,124,237)
-
#0286ff
#0286ff
rgb(2,134,255)
-
#168fff
#168fff
rgb(22,143,255)
-
#2999ff
#2999ff
rgb(41,153,255)
-
#3da2ff
#3da2ff
rgb(61,162,255)
-
#50acff
#50acff
rgb(80,172,255)
-
#64b5ff
#64b5ff
rgb(100,181,255)
-
#78beff
#78beff
rgb(120,190,255)
-
#8bc8ff
#8bc8ff
rgb(139,200,255)
-
#9fd1ff
#9fd1ff
rgb(159,209,255)
-
#b3daff
#b3daff
rgb(179,218,255)
-
#c6e4ff
#c6e4ff
rgb(198,228,255)
-
#daedff
#daedff
rgb(218,237,255)
-
#edf7ff
#edf7ff
rgb(237,247,255)
Tones of #0286ff
A tone is produced by adding gray to any pure hue. In this case, #77818a is the less saturated color, while #0286ff is the most saturated one.
-
#77818a
#77818a
rgb(119,129,138)
-
#6d8194
#6d8194
rgb(109,129,148)
-
#63829e
#63829e
rgb(99,130,158)
-
#5a82a7
#5a82a7
rgb(90,130,167)
-
#5083b1
#5083b1
rgb(80,131,177)
-
#4683bb
#4683bb
rgb(70,131,187)
-
#3c83c5
#3c83c5
rgb(60,131,197)
-
#3384ce
#3384ce
rgb(51,132,206)
-
#2984d8
#2984d8
rgb(41,132,216)
-
#1f85e2
#1f85e2
rgb(31,133,226)
-
#1585ec
#1585ec
rgb(21,133,236)
-
#0c86f5
#0c86f5
rgb(12,134,245)
-
#0286ff
#0286ff
rgb(2,134,255)
Color Blindness Simulator
Below, you can see how #0286ff 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.