#456ca2 Color Information
In a RGB color space, hex #456ca2 is composed of 27.1% red, 42.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 57.4% cyan, 33.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 214.8 degrees, a saturation of 40.3% and a lightness of 45.3%. #456ca2 color hex could be obtained by blending #8ad8ff with #000045. Closest websafe color is: #336699.
-
- R 27
- G 42
- B 64
-
- C 57
- M 33
- Y 0
- K 36
● #456ca2 color description : Dark moderate blue.
#456ca2 Color Conversion
The hexadecimal color #456ca2 has RGB values of R:69, G:108, B:162 and CMYK values of C:0.57, M:0.33, Y:0, K:0.36. Its decimal value is 4549794.
Hex triplet | 456ca2 | #456ca2 |
---|---|---|
RGB Decimal | 69, 108, 162 | rgb(69,108,162) |
RGB Percent | 27.1, 42.4, 63.5 | rgb(27.1%,42.4%,63.5%) |
CMYK | 57, 33, 0, 36 | |
HSL | 214.8°, 40.3, 45.3 | hsl(214.8,40.3%,45.3%) |
HSV (or HSB) | 214.8°, 57.4, 63.5 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.079, 2.889, -33.298 |
---|---|
XYZ | 14.337, 14.598, 36.243 |
xyY | 0.22, 0.224, 14.598 |
CIE-LCH | 45.079, 33.423, 274.959 |
CIE-LUV | 45.079, -17.683, -49.353 |
Hunter-Lab | 38.208, 0.117, -29.496 |
Binary | 01000101, 01101100, 10100010 |
Color Schemes with #456ca2
Alternatives to #456ca2
Below, you can see some colors close to #456ca2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456ca2 Preview
This text has a font color of #456ca2.
<span style="color:#456ca2;">Text here</span>
This paragraph has a background color of #456ca2.
<p style="background-color:#456ca2;">Content here</p>
This element has a border color of #456ca2.
<div style="border:1px solid #456ca2;">Content here</div>
.text {color:#456ca2;}
.background {background-color:#456ca2;}
.border {border:1px solid #456ca2;}
Shades and Tints of #456ca2
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, #05070b is the darkest color, while #fcfdfe is the lightest one.
-
#05070b
#05070b
rgb(5,7,11)
-
#0a1018
#0a1018
rgb(10,16,24)
-
#101926
#101926
rgb(16,25,38)
-
#162334
#162334
rgb(22,35,52)
-
#1c2c42
#1c2c42
rgb(28,44,66)
-
#22354f
#22354f
rgb(34,53,79)
-
#283e5d
#283e5d
rgb(40,62,93)
-
#2e476b
#2e476b
rgb(46,71,107)
-
#335079
#335079
rgb(51,80,121)
-
#395a86
#395a86
rgb(57,90,134)
-
#3f6394
#3f6394
rgb(63,99,148)
-
#456ca2
#456ca2
rgb(69,108,162)
-
#4b75b0
#4b75b0
rgb(75,117,176)
-
#577fb7
#577fb7
rgb(87,127,183)
-
#658abd
#658abd
rgb(101,138,189)
-
#7294c3
#7294c3
rgb(114,148,195)
-
#809fc9
#809fc9
rgb(128,159,201)
-
#8ea9cf
#8ea9cf
rgb(142,169,207)
-
#9cb4d5
#9cb4d5
rgb(156,180,213)
-
#a9bedb
#a9bedb
rgb(169,190,219)
-
#b7c8e0
#b7c8e0
rgb(183,200,224)
-
#c5d3e6
#c5d3e6
rgb(197,211,230)
-
#d3ddec
#d3ddec
rgb(211,221,236)
-
#e0e8f2
#e0e8f2
rgb(224,232,242)
-
#eef2f8
#eef2f8
rgb(238,242,248)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #456ca2
A tone is produced by adding gray to any pure hue. In this case, #717376 is the less saturated color, while #0762e0 is the most saturated one.
-
#717376
#717376
rgb(113,115,118)
-
#69727e
#69727e
rgb(105,114,126)
-
#607087
#607087
rgb(96,112,135)
-
#576f90
#576f90
rgb(87,111,144)
-
#4e6d99
#4e6d99
rgb(78,109,153)
-
#456ca2
#456ca2
rgb(69,108,162)
-
#3c6bab
#3c6bab
rgb(60,107,171)
-
#3369b4
#3369b4
rgb(51,105,180)
-
#2a68bd
#2a68bd
rgb(42,104,189)
-
#2166c6
#2166c6
rgb(33,102,198)
-
#1965ce
#1965ce
rgb(25,101,206)
-
#1063d7
#1063d7
rgb(16,99,215)
-
#0762e0
#0762e0
rgb(7,98,224)
Color Blindness Simulator
Below, you can see how #456ca2 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.