#456bf4 Color Information
In a RGB color space, hex #456bf4 is composed of 27.1% red, 42% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 71.7% cyan, 56.1% magenta, 0% yellow and 4.3% black. It has a hue angle of 227 degrees, a saturation of 88.8% and a lightness of 61.4%. #456bf4 color hex could be obtained by blending #8ad6ff with #0000e9. Closest websafe color is: #3366ff.
-
- R 27
- G 42
- B 96
-
- C 72
- M 56
- Y 0
- K 4
● #456bf4 color description : Bright blue.
#456bf4 Color Conversion
The hexadecimal color #456bf4 has RGB values of R:69, G:107, B:244 and CMYK values of C:0.72, M:0.56, Y:0, K:0.04. Its decimal value is 4549620.
Hex triplet | 456bf4 | #456bf4 |
---|---|---|
RGB Decimal | 69, 107, 244 | rgb(69,107,244) |
RGB Percent | 27.1, 42, 95.7 | rgb(27.1%,42%,95.7%) |
CMYK | 72, 56, 0, 4 | |
HSL | 227°, 88.8, 61.4 | hsl(227,88.8%,61.4%) |
HSV (or HSB) | 227°, 71.7, 95.7 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.871, 32.269, -72.62 |
---|---|
XYZ | 24.038, 18.311, 87.85 |
xyY | 0.185, 0.141, 18.311 |
CIE-LCH | 49.871, 79.467, 293.958 |
CIE-LUV | 49.871, -17.394, -113.608 |
Hunter-Lab | 42.791, 25.387, -91.77 |
Binary | 01000101, 01101011, 11110100 |
Color Schemes with #456bf4
Alternatives to #456bf4
Below, you can see some colors close to #456bf4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456bf4 Preview
This text has a font color of #456bf4.
<span style="color:#456bf4;">Text here</span>
This paragraph has a background color of #456bf4.
<p style="background-color:#456bf4;">Content here</p>
This element has a border color of #456bf4.
<div style="border:1px solid #456bf4;">Content here</div>
.text {color:#456bf4;}
.background {background-color:#456bf4;}
.border {border:1px solid #456bf4;}
Shades and Tints of #456bf4
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, #010512 is the darkest color, while #fefeff is the lightest one.
-
#010512
#010512
rgb(1,5,18)
-
#020a24
#020a24
rgb(2,10,36)
-
#030e37
#030e37
rgb(3,14,55)
-
#041349
#041349
rgb(4,19,73)
-
#05185c
#05185c
rgb(5,24,92)
-
#071d6e
#071d6e
rgb(7,29,110)
-
#082281
#082281
rgb(8,34,129)
-
#092793
#092793
rgb(9,39,147)
-
#0a2ca6
#0a2ca6
rgb(10,44,166)
-
#0b31b8
#0b31b8
rgb(11,49,184)
-
#0c35cb
#0c35cb
rgb(12,53,203)
-
#0d3add
#0d3add
rgb(13,58,221)
-
#0e3ff0
#0e3ff0
rgb(14,63,240)
-
#204ef2
#204ef2
rgb(32,78,242)
-
#325cf3
#325cf3
rgb(50,92,243)
-
#456bf4
#456bf4
rgb(69,107,244)
-
#587af5
#587af5
rgb(88,122,245)
-
#6a88f6
#6a88f6
rgb(106,136,246)
-
#7d97f7
#7d97f7
rgb(125,151,247)
-
#8fa6f8
#8fa6f8
rgb(143,166,248)
-
#a2b5f9
#a2b5f9
rgb(162,181,249)
-
#b4c3fb
#b4c3fb
rgb(180,195,251)
-
#c7d2fc
#c7d2fc
rgb(199,210,252)
-
#d9e1fd
#d9e1fd
rgb(217,225,253)
-
#ecf0fe
#ecf0fe
rgb(236,240,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #456bf4
A tone is produced by adding gray to any pure hue. In this case, #989aa1 is the less saturated color, while #3d67fc is the most saturated one.
-
#989aa1
#989aa1
rgb(152,154,161)
-
#9196a8
#9196a8
rgb(145,150,168)
-
#8992b0
#8992b0
rgb(137,146,176)
-
#828db7
#828db7
rgb(130,141,183)
-
#7a89bf
#7a89bf
rgb(122,137,191)
-
#7285c7
#7285c7
rgb(114,133,199)
-
#6b80ce
#6b80ce
rgb(107,128,206)
-
#637cd6
#637cd6
rgb(99,124,214)
-
#5c78dd
#5c78dd
rgb(92,120,221)
-
#5474e5
#5474e5
rgb(84,116,229)
-
#4d6fec
#4d6fec
rgb(77,111,236)
-
#456bf4
#456bf4
rgb(69,107,244)
-
#3d67fc
#3d67fc
rgb(61,103,252)
Color Blindness Simulator
Below, you can see how #456bf4 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.