#286cf6 Color Information
In a RGB color space, hex #286cf6 is composed of 15.7% red, 42.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 56.1% magenta, 0% yellow and 3.5% black. It has a hue angle of 220.2 degrees, a saturation of 92% and a lightness of 56.1%. #286cf6 color hex could be obtained by blending #50d8ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 16
- G 42
- B 96
-
- C 84
- M 56
- Y 0
- K 4
● #286cf6 color description : Bright blue.
#286cf6 Color Conversion
The hexadecimal color #286cf6 has RGB values of R:40, G:108, B:246 and CMYK values of C:0.84, M:0.56, Y:0, K:0.04. Its decimal value is 2649334.
Hex triplet | 286cf6 | #286cf6 |
---|---|---|
RGB Decimal | 40, 108, 246 | rgb(40,108,246) |
RGB Percent | 15.7, 42.4, 96.5 | rgb(15.7%,42.4%,96.5%) |
CMYK | 84, 56, 0, 4 | |
HSL | 220.2°, 92, 56.1 | hsl(220.2,92%,56.1%) |
HSV (or HSB) | 220.2°, 83.7, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.287, 29.573, -74.729 |
---|---|
XYZ | 22.869, 17.828, 89.42 |
xyY | 0.176, 0.137, 17.828 |
CIE-LCH | 49.287, 80.368, 291.591 |
CIE-LUV | 49.287, -21.829, -116.016 |
Hunter-Lab | 42.223, 22.786, -96.006 |
Binary | 00101000, 01101100, 11110110 |
Color Schemes with #286cf6
Alternatives to #286cf6
Below, you can see some colors close to #286cf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#286cf6 Preview
This text has a font color of #286cf6.
<span style="color:#286cf6;">Text here</span>
This paragraph has a background color of #286cf6.
<p style="background-color:#286cf6;">Content here</p>
This element has a border color of #286cf6.
<div style="border:1px solid #286cf6;">Content here</div>
.text {color:#286cf6;}
.background {background-color:#286cf6;}
.border {border:1px solid #286cf6;}
Shades and Tints of #286cf6
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, #00040b is the darkest color, while #f7faff is the lightest one.
-
#00040b
#00040b
rgb(0,4,11)
-
#010b1e
#010b1e
rgb(1,11,30)
-
#021131
#021131
rgb(2,17,49)
-
#031843
#031843
rgb(3,24,67)
-
#041f56
#041f56
rgb(4,31,86)
-
#042669
#042669
rgb(4,38,105)
-
#052c7c
#052c7c
rgb(5,44,124)
-
#06338f
#06338f
rgb(6,51,143)
-
#073aa2
#073aa2
rgb(7,58,162)
-
#0841b4
#0841b4
rgb(8,65,180)
-
#0847c7
#0847c7
rgb(8,71,199)
-
#094eda
#094eda
rgb(9,78,218)
-
#0a55ed
#0a55ed
rgb(10,85,237)
-
#155ff5
#155ff5
rgb(21,95,245)
-
#286cf6
#286cf6
rgb(40,108,246)
-
#3b79f7
#3b79f7
rgb(59,121,247)
-
#4e86f8
#4e86f8
rgb(78,134,248)
-
#6093f8
#6093f8
rgb(96,147,248)
-
#739ff9
#739ff9
rgb(115,159,249)
-
#86acfa
#86acfa
rgb(134,172,250)
-
#99b9fb
#99b9fb
rgb(153,185,251)
-
#acc6fc
#acc6fc
rgb(172,198,252)
-
#bfd3fc
#bfd3fc
rgb(191,211,252)
-
#d1e0fd
#d1e0fd
rgb(209,224,253)
-
#e4edfe
#e4edfe
rgb(228,237,254)
-
#f7faff
#f7faff
rgb(247,250,255)
Tones of #286cf6
A tone is produced by adding gray to any pure hue. In this case, #878c97 is the less saturated color, while #1f69ff is the most saturated one.
-
#878c97
#878c97
rgb(135,140,151)
-
#7e89a0
#7e89a0
rgb(126,137,160)
-
#7686a8
#7686a8
rgb(118,134,168)
-
#6d83b1
#6d83b1
rgb(109,131,177)
-
#6480ba
#6480ba
rgb(100,128,186)
-
#5c7ec2
#5c7ec2
rgb(92,126,194)
-
#537bcb
#537bcb
rgb(83,123,203)
-
#4a78d4
#4a78d4
rgb(74,120,212)
-
#4275dc
#4275dc
rgb(66,117,220)
-
#3972e5
#3972e5
rgb(57,114,229)
-
#316fed
#316fed
rgb(49,111,237)
-
#286cf6
#286cf6
rgb(40,108,246)
-
#1f69ff
#1f69ff
rgb(31,105,255)
Color Blindness Simulator
Below, you can see how #286cf6 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.