#456ac2 Color Information
In a RGB color space, hex #456ac2 is composed of 27.1% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 222.2 degrees, a saturation of 50.6% and a lightness of 51.6%. #456ac2 color hex could be obtained by blending #8ad4ff with #000085. Closest websafe color is: #3366cc.
-
- R 27
- G 42
- B 76
-
- C 64
- M 45
- Y 0
- K 24
● #456ac2 color description : Moderate blue.
#456ac2 Color Conversion
The hexadecimal color #456ac2 has RGB values of R:69, G:106, B:194 and CMYK values of C:0.64, M:0.45, Y:0, K:0.24. Its decimal value is 4549314.
Hex triplet | 456ac2 | #456ac2 |
---|---|---|
RGB Decimal | 69, 106, 194 | rgb(69,106,194) |
RGB Percent | 27.1, 41.6, 76.1 | rgb(27.1%,41.6%,76.1%) |
CMYK | 64, 45, 0, 24 | |
HSL | 222.2°, 50.6, 51.6 | hsl(222.2,50.6%,51.6%) |
HSV (or HSB) | 222.2°, 64.4, 76.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.268, 15.204, -50.075 |
---|---|
XYZ | 17.344, 15.467, 53.107 |
xyY | 0.202, 0.18, 15.467 |
CIE-LCH | 46.268, 52.332, 286.89 |
CIE-LUV | 46.268, -16.892, -76.815 |
Hunter-Lab | 39.328, 9.893, -52.533 |
Binary | 01000101, 01101010, 11000010 |
Color Schemes with #456ac2
Alternatives to #456ac2
Below, you can see some colors close to #456ac2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456ac2 Preview
This text has a font color of #456ac2.
<span style="color:#456ac2;">Text here</span>
This paragraph has a background color of #456ac2.
<p style="background-color:#456ac2;">Content here</p>
This element has a border color of #456ac2.
<div style="border:1px solid #456ac2;">Content here</div>
.text {color:#456ac2;}
.background {background-color:#456ac2;}
.border {border:1px solid #456ac2;}
Shades and Tints of #456ac2
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, #020306 is the darkest color, while #f6f8fc is the lightest one.
-
#020306
#020306
rgb(2,3,6)
-
#070b15
#070b15
rgb(7,11,21)
-
#0c1324
#0c1324
rgb(12,19,36)
-
#111b32
#111b32
rgb(17,27,50)
-
#152241
#152241
rgb(21,34,65)
-
#1a2a50
#1a2a50
rgb(26,42,80)
-
#1f325f
#1f325f
rgb(31,50,95)
-
#243a6d
#243a6d
rgb(36,58,109)
-
#29417c
#29417c
rgb(41,65,124)
-
#2e498b
#2e498b
rgb(46,73,139)
-
#32519a
#32519a
rgb(50,81,154)
-
#3759a9
#3759a9
rgb(55,89,169)
-
#3c61b7
#3c61b7
rgb(60,97,183)
-
#456ac2
#456ac2
rgb(69,106,194)
-
#5476c7
#5476c7
rgb(84,118,199)
-
#6382cc
#6382cc
rgb(99,130,204)
-
#718dd1
#718dd1
rgb(113,141,209)
-
#8099d5
#8099d5
rgb(128,153,213)
-
#8fa5da
#8fa5da
rgb(143,165,218)
-
#9eb1df
#9eb1df
rgb(158,177,223)
-
#acbde4
#acbde4
rgb(172,189,228)
-
#bbc9e9
#bbc9e9
rgb(187,201,233)
-
#cad4ee
#cad4ee
rgb(202,212,238)
-
#d9e0f2
#d9e0f2
rgb(217,224,242)
-
#e7ecf7
#e7ecf7
rgb(231,236,247)
-
#f6f8fc
#f6f8fc
rgb(246,248,252)
Tones of #456ac2
A tone is produced by adding gray to any pure hue. In this case, #7e8189 is the less saturated color, while #0c53fb is the most saturated one.
-
#7e8189
#7e8189
rgb(126,129,137)
-
#757d93
#757d93
rgb(117,125,147)
-
#6b7a9c
#6b7a9c
rgb(107,122,156)
-
#6276a6
#6276a6
rgb(98,118,166)
-
#5872af
#5872af
rgb(88,114,175)
-
#4f6eb9
#4f6eb9
rgb(79,110,185)
-
#456ac2
#456ac2
rgb(69,106,194)
-
#3c66cc
#3c66cc
rgb(60,102,204)
-
#3262d5
#3262d5
rgb(50,98,213)
-
#295edf
#295edf
rgb(41,94,223)
-
#1f5ae8
#1f5ae8
rgb(31,90,232)
-
#1657f2
#1657f2
rgb(22,87,242)
-
#0c53fb
#0c53fb
rgb(12,83,251)
Color Blindness Simulator
Below, you can see how #456ac2 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.