#286dff Color Information
In a RGB color space, hex #286dff is composed of 15.7% red, 42.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 57.3% magenta, 0% yellow and 0% black. It has a hue angle of 220.7 degrees, a saturation of 100% and a lightness of 57.8%. #286dff color hex could be obtained by blending #50daff with #0000ff. Closest websafe color is: #3366ff.
-
- R 16
- G 43
- B 100
-
- C 84
- M 57
- Y 0
- K 0
● #286dff color description : Vivid blue.
#286dff Color Conversion
The hexadecimal color #286dff has RGB values of R:40, G:109, B:255 and CMYK values of C:0.84, M:0.57, Y:0, K:0. Its decimal value is 2649599.
Hex triplet | 286dff | #286dff |
---|---|---|
RGB Decimal | 40, 109, 255 | rgb(40,109,255) |
RGB Percent | 15.7, 42.7, 100 | rgb(15.7%,42.7%,100%) |
CMYK | 84, 57, 0, 0 | |
HSL | 220.7°, 100, 57.8 | hsl(220.7,100%,57.8%) |
HSV (or HSB) | 220.7°, 84.3, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.224, 32.285, -78.203 |
---|---|
XYZ | 24.39, 18.606, 96.908 |
xyY | 0.174, 0.133, 18.606 |
CIE-LCH | 50.224, 84.605, 292.433 |
CIE-LUV | 50.224, -21.975, -121.78 |
Hunter-Lab | 43.135, 25.442, -103.007 |
Binary | 00101000, 01101101, 11111111 |
Color Schemes with #286dff
Alternatives to #286dff
Below, you can see some colors close to #286dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#286dff Preview
This text has a font color of #286dff.
<span style="color:#286dff;">Text here</span>
This paragraph has a background color of #286dff.
<p style="background-color:#286dff;">Content here</p>
This element has a border color of #286dff.
<div style="border:1px solid #286dff;">Content here</div>
.text {color:#286dff;}
.background {background-color:#286dff;}
.border {border:1px solid #286dff;}
Shades and Tints of #286dff
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, #000001 is the darkest color, while #ecf2ff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000714
#000714
rgb(0,7,20)
-
#000d28
#000d28
rgb(0,13,40)
-
#00133c
#00133c
rgb(0,19,60)
-
#00194f
#00194f
rgb(0,25,79)
-
#002063
#002063
rgb(0,32,99)
-
#002676
#002676
rgb(0,38,118)
-
#002c8a
#002c8a
rgb(0,44,138)
-
#00339e
#00339e
rgb(0,51,158)
-
#0039b1
#0039b1
rgb(0,57,177)
-
#003fc5
#003fc5
rgb(0,63,197)
-
#0045d9
#0045d9
rgb(0,69,217)
-
#004cec
#004cec
rgb(0,76,236)
-
#0152ff
#0152ff
rgb(1,82,255)
-
#1460ff
#1460ff
rgb(20,96,255)
-
#286dff
#286dff
rgb(40,109,255)
-
#3c7aff
#3c7aff
rgb(60,122,255)
-
#4f88ff
#4f88ff
rgb(79,136,255)
-
#6395ff
#6395ff
rgb(99,149,255)
-
#76a2ff
#76a2ff
rgb(118,162,255)
-
#8ab0ff
#8ab0ff
rgb(138,176,255)
-
#9ebdff
#9ebdff
rgb(158,189,255)
-
#b1caff
#b1caff
rgb(177,202,255)
-
#c5d8ff
#c5d8ff
rgb(197,216,255)
-
#d9e5ff
#d9e5ff
rgb(217,229,255)
-
#ecf2ff
#ecf2ff
rgb(236,242,255)
Tones of #286dff
A tone is produced by adding gray to any pure hue. In this case, #8b919c is the less saturated color, while #286dff is the most saturated one.
-
#8b919c
#8b919c
rgb(139,145,156)
-
#838ea4
#838ea4
rgb(131,142,164)
-
#7b8bac
#7b8bac
rgb(123,139,172)
-
#7288b5
#7288b5
rgb(114,136,181)
-
#6a85bd
#6a85bd
rgb(106,133,189)
-
#6282c5
#6282c5
rgb(98,130,197)
-
#5a7fcd
#5a7fcd
rgb(90,127,205)
-
#517cd6
#517cd6
rgb(81,124,214)
-
#4979de
#4979de
rgb(73,121,222)
-
#4176e6
#4176e6
rgb(65,118,230)
-
#3973ee
#3973ee
rgb(57,115,238)
-
#3070f7
#3070f7
rgb(48,112,247)
-
#286dff
#286dff
rgb(40,109,255)
Color Blindness Simulator
Below, you can see how #286dff 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.