#456fed Color Information
In a RGB color space, hex #456fed is composed of 27.1% red, 43.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 53.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 225 degrees, a saturation of 82.4% and a lightness of 60%. #456fed color hex could be obtained by blending #8adeff with #0000db. Closest websafe color is: #3366ff.
-
- R 27
- G 44
- B 93
-
- C 71
- M 53
- Y 0
- K 7
● #456fed color description : Bright blue.
#456fed Color Conversion
The hexadecimal color #456fed has RGB values of R:69, G:111, B:237 and CMYK values of C:0.71, M:0.53, Y:0, K:0.07. Its decimal value is 4550637.
Hex triplet | 456fed | #456fed |
---|---|---|
RGB Decimal | 69, 111, 237 | rgb(69,111,237) |
RGB Percent | 27.1, 43.5, 92.9 | rgb(27.1%,43.5%,92.9%) |
CMYK | 71, 53, 0, 7 | |
HSL | 225°, 82.4, 60 | hsl(225,82.4%,60%) |
HSV (or HSB) | 225°, 70.9, 92.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.39, 27.307, -67.866 |
---|---|
XYZ | 23.422, 18.747, 82.5 |
xyY | 0.188, 0.15, 18.747 |
CIE-LCH | 50.39, 73.154, 291.918 |
CIE-LUV | 50.39, -18.445, -106.612 |
Hunter-Lab | 43.298, 20.787, -82.664 |
Binary | 01000101, 01101111, 11101101 |
Color Schemes with #456fed
Alternatives to #456fed
Below, you can see some colors close to #456fed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456fed Preview
This text has a font color of #456fed.
<span style="color:#456fed;">Text here</span>
This paragraph has a background color of #456fed.
<p style="background-color:#456fed;">Content here</p>
This element has a border color of #456fed.
<div style="border:1px solid #456fed;">Content here</div>
.text {color:#456fed;}
.background {background-color:#456fed;}
.border {border:1px solid #456fed;}
Shades and Tints of #456fed
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, #01030b is the darkest color, while #f8f9fe is the lightest one.
-
#01030b
#01030b
rgb(1,3,11)
-
#03091d
#03091d
rgb(3,9,29)
-
#040f2f
#040f2f
rgb(4,15,47)
-
#061540
#061540
rgb(6,21,64)
-
#081b52
#081b52
rgb(8,27,82)
-
#0a2064
#0a2064
rgb(10,32,100)
-
#0b2676
#0b2676
rgb(11,38,118)
-
#0d2c88
#0d2c88
rgb(13,44,136)
-
#0f329a
#0f329a
rgb(15,50,154)
-
#1137ac
#1137ac
rgb(17,55,172)
-
#123dbe
#123dbe
rgb(18,61,190)
-
#1443cf
#1443cf
rgb(20,67,207)
-
#1649e1
#1649e1
rgb(22,73,225)
-
#2153ea
#2153ea
rgb(33,83,234)
-
#3361eb
#3361eb
rgb(51,97,235)
-
#456fed
#456fed
rgb(69,111,237)
-
#577def
#577def
rgb(87,125,239)
-
#698bf0
#698bf0
rgb(105,139,240)
-
#7b99f2
#7b99f2
rgb(123,153,242)
-
#8da6f4
#8da6f4
rgb(141,166,244)
-
#9eb4f6
#9eb4f6
rgb(158,180,246)
-
#b0c2f7
#b0c2f7
rgb(176,194,247)
-
#c2d0f9
#c2d0f9
rgb(194,208,249)
-
#d4defb
#d4defb
rgb(212,222,251)
-
#e6ecfd
#e6ecfd
rgb(230,236,253)
-
#f8f9fe
#f8f9fe
rgb(248,249,254)
Tones of #456fed
A tone is produced by adding gray to any pure hue. In this case, #93969f is the less saturated color, while #3567fd is the most saturated one.
-
#93969f
#93969f
rgb(147,150,159)
-
#8c92a6
#8c92a6
rgb(140,146,166)
-
#848eae
#848eae
rgb(132,142,174)
-
#7c8ab6
#7c8ab6
rgb(124,138,182)
-
#7487be
#7487be
rgb(116,135,190)
-
#6c83c6
#6c83c6
rgb(108,131,198)
-
#647fce
#647fce
rgb(100,127,206)
-
#5d7bd5
#5d7bd5
rgb(93,123,213)
-
#5577dd
#5577dd
rgb(85,119,221)
-
#4d73e5
#4d73e5
rgb(77,115,229)
-
#456fed
#456fed
rgb(69,111,237)
-
#3d6bf5
#3d6bf5
rgb(61,107,245)
-
#3567fd
#3567fd
rgb(53,103,253)
Color Blindness Simulator
Below, you can see how #456fed 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.