#4286f3 Color Information
In a RGB color space, hex #4286f3 is composed of 25.9% red, 52.5% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 44.9% magenta, 0% yellow and 4.7% black. It has a hue angle of 216.9 degrees, a saturation of 88.1% and a lightness of 60.6%. #4286f3 color hex could be obtained by blending #84ffff with #000de7. Closest websafe color is: #3399ff.
-
- R 26
- G 53
- B 95
-
- C 73
- M 45
- Y 0
- K 5
● #4286f3 color description : Bright blue.
#4286f3 Color Conversion
The hexadecimal color #4286f3 has RGB values of R:66, G:134, B:243 and CMYK values of C:0.73, M:0.45, Y:0, K:0.05. Its decimal value is 4359923.
Hex triplet | 4286f3 | #4286f3 |
---|---|---|
RGB Decimal | 66, 134, 243 | rgb(66,134,243) |
RGB Percent | 25.9, 52.5, 95.3 | rgb(25.9%,52.5%,95.3%) |
CMYK | 73, 45, 0, 5 | |
HSL | 216.9°, 88.1, 60.6 | hsl(216.9,88.1%,60.6%) |
HSV (or HSB) | 216.9°, 72.8, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.76, 14.844, -60.942 |
---|---|
XYZ | 26.946, 24.678, 88.132 |
xyY | 0.193, 0.177, 24.678 |
CIE-LCH | 56.76, 62.723, 283.69 |
CIE-LUV | 56.76, -25.754, -97.836 |
Hunter-Lab | 49.676, 9.89, -70.414 |
Binary | 01000010, 10000110, 11110011 |
Color Schemes with #4286f3
Alternatives to #4286f3
Below, you can see some colors close to #4286f3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4286f3 Preview
This text has a font color of #4286f3.
<span style="color:#4286f3;">Text here</span>
This paragraph has a background color of #4286f3.
<p style="background-color:#4286f3;">Content here</p>
This element has a border color of #4286f3.
<div style="border:1px solid #4286f3;">Content here</div>
.text {color:#4286f3;}
.background {background-color:#4286f3;}
.border {border:1px solid #4286f3;}
Shades and Tints of #4286f3
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, #01060e is the darkest color, while #fafcff is the lightest one.
-
#01060e
#01060e
rgb(1,6,14)
-
#020e20
#020e20
rgb(2,14,32)
-
#031533
#031533
rgb(3,21,51)
-
#041d45
#041d45
rgb(4,29,69)
-
#062558
#062558
rgb(6,37,88)
-
#072d6a
#072d6a
rgb(7,45,106)
-
#08357d
#08357d
rgb(8,53,125)
-
#093d8f
#093d8f
rgb(9,61,143)
-
#0a44a1
#0a44a1
rgb(10,68,161)
-
#0b4cb4
#0b4cb4
rgb(11,76,180)
-
#0d54c6
#0d54c6
rgb(13,84,198)
-
#0e5cd9
#0e5cd9
rgb(14,92,217)
-
#0f64eb
#0f64eb
rgb(15,100,235)
-
#1d6ef1
#1d6ef1
rgb(29,110,241)
-
#307af2
#307af2
rgb(48,122,242)
-
#4286f3
#4286f3
rgb(66,134,243)
-
#5492f4
#5492f4
rgb(84,146,244)
-
#679ef5
#679ef5
rgb(103,158,245)
-
#79a9f7
#79a9f7
rgb(121,169,247)
-
#8cb5f8
#8cb5f8
rgb(140,181,248)
-
#9ec1f9
#9ec1f9
rgb(158,193,249)
-
#b1cdfa
#b1cdfa
rgb(177,205,250)
-
#c3d9fb
#c3d9fb
rgb(195,217,251)
-
#d6e4fc
#d6e4fc
rgb(214,228,252)
-
#e8f0fe
#e8f0fe
rgb(232,240,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #4286f3
A tone is produced by adding gray to any pure hue. In this case, #979a9e is the less saturated color, while #3a84fb is the most saturated one.
-
#979a9e
#979a9e
rgb(151,154,158)
-
#8f98a6
#8f98a6
rgb(143,152,166)
-
#8896ad
#8896ad
rgb(136,150,173)
-
#8094b5
#8094b5
rgb(128,148,181)
-
#7893bd
#7893bd
rgb(120,147,189)
-
#7091c5
#7091c5
rgb(112,145,197)
-
#698fcc
#698fcc
rgb(105,143,204)
-
#618dd4
#618dd4
rgb(97,141,212)
-
#598bdc
#598bdc
rgb(89,139,220)
-
#518ae4
#518ae4
rgb(81,138,228)
-
#4a88eb
#4a88eb
rgb(74,136,235)
-
#4286f3
#4286f3
rgb(66,134,243)
-
#3a84fb
#3a84fb
rgb(58,132,251)
Color Blindness Simulator
Below, you can see how #4286f3 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.