#456ae1 Color Information
In a RGB color space, hex #456ae1 is composed of 27.1% red, 41.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 52.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 225.8 degrees, a saturation of 72.2% and a lightness of 57.6%. #456ae1 color hex could be obtained by blending #8ad4ff with #0000c3. Closest websafe color is: #3366cc.
-
- R 27
- G 42
- B 88
-
- C 69
- M 53
- Y 0
- K 12
● #456ae1 color description : Soft blue.
#456ae1 Color Conversion
The hexadecimal color #456ae1 has RGB values of R:69, G:106, B:225 and CMYK values of C:0.69, M:0.53, Y:0, K:0.12. Its decimal value is 4549345.
Hex triplet | 456ae1 | #456ae1 |
---|---|---|
RGB Decimal | 69, 106, 225 | rgb(69,106,225) |
RGB Percent | 27.1, 41.6, 88.2 | rgb(27.1%,41.6%,88.2%) |
CMYK | 69, 53, 0, 12 | |
HSL | 225.8°, 72.2, 57.6 | hsl(225.8,72.2%,57.6%) |
HSV (or HSB) | 225.8°, 69.3, 88.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.27, 26.182, -64.55 |
---|---|
XYZ | 21.196, 17.008, 73.396 |
xyY | 0.19, 0.152, 17.008 |
CIE-LCH | 48.27, 69.658, 292.077 |
CIE-LUV | 48.27, -16.992, -100.424 |
Hunter-Lab | 41.241, 19.569, -76.649 |
Binary | 01000101, 01101010, 11100001 |
Color Schemes with #456ae1
Alternatives to #456ae1
Below, you can see some colors close to #456ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456ae1 Preview
This text has a font color of #456ae1.
<span style="color:#456ae1;">Text here</span>
This paragraph has a background color of #456ae1.
<p style="background-color:#456ae1;">Content here</p>
This element has a border color of #456ae1.
<div style="border:1px solid #456ae1;">Content here</div>
.text {color:#456ae1;}
.background {background-color:#456ae1;}
.border {border:1px solid #456ae1;}
Shades and Tints of #456ae1
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, #030611 is the darkest color, while #ffffff is the lightest one.
-
#030611
#030611
rgb(3,6,17)
-
#050c22
#050c22
rgb(5,12,34)
-
#081232
#081232
rgb(8,18,50)
-
#0b1843
#0b1843
rgb(11,24,67)
-
#0e1e54
#0e1e54
rgb(14,30,84)
-
#102465
#102465
rgb(16,36,101)
-
#132b76
#132b76
rgb(19,43,118)
-
#163187
#163187
rgb(22,49,135)
-
#183798
#183798
rgb(24,55,152)
-
#1b3da9
#1b3da9
rgb(27,61,169)
-
#1e43ba
#1e43ba
rgb(30,67,186)
-
#2149ca
#2149ca
rgb(33,73,202)
-
#234fdb
#234fdb
rgb(35,79,219)
-
#345cde
#345cde
rgb(52,92,222)
-
#456ae1
#456ae1
rgb(69,106,225)
-
#5678e4
#5678e4
rgb(86,120,228)
-
#6785e6
#6785e6
rgb(103,133,230)
-
#7893e9
#7893e9
rgb(120,147,233)
-
#89a0ec
#89a0ec
rgb(137,160,236)
-
#99aeef
#99aeef
rgb(153,174,239)
-
#aabbf1
#aabbf1
rgb(170,187,241)
-
#bbc9f4
#bbc9f4
rgb(187,201,244)
-
#ccd6f7
#ccd6f7
rgb(204,214,247)
-
#dde4fa
#dde4fa
rgb(221,228,250)
-
#eef1fc
#eef1fc
rgb(238,241,252)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #456ae1
A tone is produced by adding gray to any pure hue. In this case, #909196 is the less saturated color, while #2c5dfa is the most saturated one.
-
#909196
#909196
rgb(144,145,150)
-
#878d9f
#878d9f
rgb(135,141,159)
-
#7f89a7
#7f89a7
rgb(127,137,167)
-
#7784af
#7784af
rgb(119,132,175)
-
#6f80b7
#6f80b7
rgb(111,128,183)
-
#667bc0
#667bc0
rgb(102,123,192)
-
#5e77c8
#5e77c8
rgb(94,119,200)
-
#5673d0
#5673d0
rgb(86,115,208)
-
#4d6ed9
#4d6ed9
rgb(77,110,217)
-
#456ae1
#456ae1
rgb(69,106,225)
-
#3d66e9
#3d66e9
rgb(61,102,233)
-
#3461f2
#3461f2
rgb(52,97,242)
-
#2c5dfa
#2c5dfa
rgb(44,93,250)
Color Blindness Simulator
Below, you can see how #456ae1 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.