#456ba1 Color Information
In a RGB color space, hex #456ba1 is composed of 27.1% red, 42% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 33.5% magenta, 0% yellow and 36.9% black. It has a hue angle of 215.2 degrees, a saturation of 40% and a lightness of 45.1%. #456ba1 color hex could be obtained by blending #8ad6ff with #000043. Closest websafe color is: #336699.
-
- R 27
- G 42
- B 63
-
- C 57
- M 34
- Y 0
- K 37
● #456ba1 color description : Dark moderate blue.
#456ba1 Color Conversion
The hexadecimal color #456ba1 has RGB values of R:69, G:107, B:161 and CMYK values of C:0.57, M:0.34, Y:0, K:0.37. Its decimal value is 4549537.
Hex triplet | 456ba1 | #456ba1 |
---|---|---|
RGB Decimal | 69, 107, 161 | rgb(69,107,161) |
RGB Percent | 27.1, 42, 63.1 | rgb(27.1%,42%,63.1%) |
CMYK | 57, 34, 0, 37 | |
HSL | 215.2°, 40, 45.1 | hsl(215.2,40%,45.1%) |
HSV (or HSB) | 215.2°, 57.1, 63.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.735, 3.169, -33.249 |
---|---|
XYZ | 14.144, 14.353, 35.741 |
xyY | 0.22, 0.223, 14.353 |
CIE-LCH | 44.735, 33.4, 275.444 |
CIE-LUV | 44.735, -17.328, -49.221 |
Hunter-Lab | 37.885, 0.339, -29.415 |
Binary | 01000101, 01101011, 10100001 |
Color Schemes with #456ba1
Alternatives to #456ba1
Below, you can see some colors close to #456ba1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#456ba1 Preview
This text has a font color of #456ba1.
<span style="color:#456ba1;">Text here</span>
This paragraph has a background color of #456ba1.
<p style="background-color:#456ba1;">Content here</p>
This element has a border color of #456ba1.
<div style="border:1px solid #456ba1;">Content here</div>
.text {color:#456ba1;}
.background {background-color:#456ba1;}
.border {border:1px solid #456ba1;}
Shades and Tints of #456ba1
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, #04070a is the darkest color, while #fbfcfd is the lightest one.
-
#04070a
#04070a
rgb(4,7,10)
-
#0a1018
#0a1018
rgb(10,16,24)
-
#101925
#101925
rgb(16,25,37)
-
#162233
#162233
rgb(22,34,51)
-
#1c2b41
#1c2b41
rgb(28,43,65)
-
#22344f
#22344f
rgb(34,52,79)
-
#283d5c
#283d5c
rgb(40,61,92)
-
#2d466a
#2d466a
rgb(45,70,106)
-
#335078
#335078
rgb(51,80,120)
-
#395986
#395986
rgb(57,89,134)
-
#3f6293
#3f6293
rgb(63,98,147)
-
#456ba1
#456ba1
rgb(69,107,161)
-
#4b74af
#4b74af
rgb(75,116,175)
-
#567eb7
#567eb7
rgb(86,126,183)
-
#6489bd
#6489bd
rgb(100,137,189)
-
#7293c3
#7293c3
rgb(114,147,195)
-
#809ec8
#809ec8
rgb(128,158,200)
-
#8da8ce
#8da8ce
rgb(141,168,206)
-
#9bb3d4
#9bb3d4
rgb(155,179,212)
-
#a9bdda
#a9bdda
rgb(169,189,218)
-
#b7c8e0
#b7c8e0
rgb(183,200,224)
-
#c4d2e6
#c4d2e6
rgb(196,210,230)
-
#d2ddec
#d2ddec
rgb(210,221,236)
-
#e0e7f2
#e0e7f2
rgb(224,231,242)
-
#eef2f8
#eef2f8
rgb(238,242,248)
-
#fbfcfd
#fbfcfd
rgb(251,252,253)
Tones of #456ba1
A tone is produced by adding gray to any pure hue. In this case, #717375 is the less saturated color, while #0760df is the most saturated one.
-
#717375
#717375
rgb(113,115,117)
-
#68717e
#68717e
rgb(104,113,126)
-
#607086
#607086
rgb(96,112,134)
-
#576e8f
#576e8f
rgb(87,110,143)
-
#4e6d98
#4e6d98
rgb(78,109,152)
-
#456ba1
#456ba1
rgb(69,107,161)
-
#3c69aa
#3c69aa
rgb(60,105,170)
-
#3368b3
#3368b3
rgb(51,104,179)
-
#2a66bc
#2a66bc
rgb(42,102,188)
-
#2265c4
#2265c4
rgb(34,101,196)
-
#1963cd
#1963cd
rgb(25,99,205)
-
#1062d6
#1062d6
rgb(16,98,214)
-
#0760df
#0760df
rgb(7,96,223)
Color Blindness Simulator
Below, you can see how #456ba1 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.