#286bf6 Color Information
In a RGB color space, hex #286bf6 is composed of 15.7% red, 42% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 56.5% magenta, 0% yellow and 3.5% black. It has a hue angle of 220.5 degrees, a saturation of 92% and a lightness of 56.1%. #286bf6 color hex could be obtained by blending #50d6ff with #0000ed. Closest websafe color is: #3366ff.
-
- R 16
- G 42
- B 96
-
- C 84
- M 57
- Y 0
- K 4
● #286bf6 color description : Bright blue.
#286bf6 Color Conversion
The hexadecimal color #286bf6 has RGB values of R:40, G:107, B:246 and CMYK values of C:0.84, M:0.57, Y:0, K:0.04. Its decimal value is 2649078.
Hex triplet | 286bf6 | #286bf6 |
---|---|---|
RGB Decimal | 40, 107, 246 | rgb(40,107,246) |
RGB Percent | 15.7, 42, 96.5 | rgb(15.7%,42%,96.5%) |
CMYK | 84, 57, 0, 4 | |
HSL | 220.5°, 92, 56.1 | hsl(220.5,92%,56.1%) |
HSV (or HSB) | 220.5°, 83.7, 96.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.03, 30.205, -75.147 |
---|---|
XYZ | 22.764, 17.619, 89.385 |
xyY | 0.175, 0.136, 17.619 |
CIE-LCH | 49.03, 80.991, 291.897 |
CIE-LUV | 49.03, -21.566, -116.471 |
Hunter-Lab | 41.974, 23.35, -96.876 |
Binary | 00101000, 01101011, 11110110 |
Color Schemes with #286bf6
Alternatives to #286bf6
Below, you can see some colors close to #286bf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#286bf6 Preview
This text has a font color of #286bf6.
<span style="color:#286bf6;">Text here</span>
This paragraph has a background color of #286bf6.
<p style="background-color:#286bf6;">Content here</p>
This element has a border color of #286bf6.
<div style="border:1px solid #286bf6;">Content here</div>
.text {color:#286bf6;}
.background {background-color:#286bf6;}
.border {border:1px solid #286bf6;}
Shades and Tints of #286bf6
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)
-
#041e56
#041e56
rgb(4,30,86)
-
#042569
#042569
rgb(4,37,105)
-
#052c7c
#052c7c
rgb(5,44,124)
-
#06328f
#06328f
rgb(6,50,143)
-
#0739a2
#0739a2
rgb(7,57,162)
-
#0840b4
#0840b4
rgb(8,64,180)
-
#0846c7
#0846c7
rgb(8,70,199)
-
#094dda
#094dda
rgb(9,77,218)
-
#0a54ed
#0a54ed
rgb(10,84,237)
-
#155ef5
#155ef5
rgb(21,94,245)
-
#286bf6
#286bf6
rgb(40,107,246)
-
#3b78f7
#3b78f7
rgb(59,120,247)
-
#4e85f8
#4e85f8
rgb(78,133,248)
-
#6092f8
#6092f8
rgb(96,146,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 #286bf6
A tone is produced by adding gray to any pure hue. In this case, #878c97 is the less saturated color, while #1f68ff 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)
-
#5c7dc2
#5c7dc2
rgb(92,125,194)
-
#537acb
#537acb
rgb(83,122,203)
-
#4a77d4
#4a77d4
rgb(74,119,212)
-
#4274dc
#4274dc
rgb(66,116,220)
-
#3971e5
#3971e5
rgb(57,113,229)
-
#316eed
#316eed
rgb(49,110,237)
-
#286bf6
#286bf6
rgb(40,107,246)
-
#1f68ff
#1f68ff
rgb(31,104,255)
Color Blindness Simulator
Below, you can see how #286bf6 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.