#454561 Color Information
In a RGB color space, hex #454561 is composed of 27.1% red, 27.1% green and 38% blue. Whereas in a CMYK color space, it is composed of 28.9% cyan, 28.9% magenta, 0% yellow and 62% black. It has a hue angle of 240 degrees, a saturation of 16.9% and a lightness of 32.5%. #454561 color hex could be obtained by blending #8a8ac2 with #000000. Closest websafe color is: #333366.
-
- R 27
- G 27
- B 38
-
- C 29
- M 29
- Y 0
- K 62
● #454561 color description : Very dark grayish blue.
#454561 Color Conversion
The hexadecimal color #454561 has RGB values of R:69, G:69, B:97 and CMYK values of C:0.29, M:0.29, Y:0, K:0.62. Its decimal value is 4539745.
Hex triplet | 454561 | #454561 |
---|---|---|
RGB Decimal | 69, 69, 97 | rgb(69,69,97) |
RGB Percent | 27.1, 27.1, 38 | rgb(27.1%,27.1%,38%) |
CMYK | 29, 29, 0, 62 | |
HSL | 240°, 16.9, 32.5 | hsl(240,16.9%,32.5%) |
HSV (or HSB) | 240°, 28.9, 38 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.362, 7.114, -16.447 |
---|---|
XYZ | 6.74, 6.384, 12.186 |
xyY | 0.266, 0.252, 6.384 |
CIE-LCH | 30.362, 17.919, 293.391 |
CIE-LUV | 30.362, -1.572, -21.766 |
Hunter-Lab | 25.267, 3.394, -10.907 |
Binary | 01000101, 01000101, 01100001 |
Color Schemes with #454561
Alternatives to #454561
Below, you can see some colors close to #454561. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#454561 Preview
This text has a font color of #454561.
<span style="color:#454561;">Text here</span>
This paragraph has a background color of #454561.
<p style="background-color:#454561;">Content here</p>
This element has a border color of #454561.
<div style="border:1px solid #454561;">Content here</div>
.text {color:#454561;}
.background {background-color:#454561;}
.border {border:1px solid #454561;}
Shades and Tints of #454561
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, #040405 is the darkest color, while #f9f9fb is the lightest one.
-
#040405
#040405
rgb(4,4,5)
-
#0c0c11
#0c0c11
rgb(12,12,17)
-
#14141c
#14141c
rgb(20,20,28)
-
#1c1c28
#1c1c28
rgb(28,28,40)
-
#242433
#242433
rgb(36,36,51)
-
#2d2d3f
#2d2d3f
rgb(45,45,63)
-
#35354a
#35354a
rgb(53,53,74)
-
#3d3d56
#3d3d56
rgb(61,61,86)
-
#454561
#454561
rgb(69,69,97)
-
#4d4d6c
#4d4d6c
rgb(77,77,108)
-
#555578
#555578
rgb(85,85,120)
-
#5d5d83
#5d5d83
rgb(93,93,131)
-
#66668f
#66668f
rgb(102,102,143)
-
#6f6f99
#6f6f99
rgb(111,111,153)
-
#7b7ba1
#7b7ba1
rgb(123,123,161)
-
#8686a9
#8686a9
rgb(134,134,169)
-
#9292b1
#9292b1
rgb(146,146,177)
-
#9d9db9
#9d9db9
rgb(157,157,185)
-
#a9a9c2
#a9a9c2
rgb(169,169,194)
-
#b4b4ca
#b4b4ca
rgb(180,180,202)
-
#c0c0d2
#c0c0d2
rgb(192,192,210)
-
#cbcbda
#cbcbda
rgb(203,203,218)
-
#d6d6e2
#d6d6e2
rgb(214,214,226)
-
#e2e2ea
#e2e2ea
rgb(226,226,234)
-
#ededf2
#ededf2
rgb(237,237,242)
-
#f9f9fb
#f9f9fb
rgb(249,249,251)
Tones of #454561
A tone is produced by adding gray to any pure hue. In this case, #525254 is the less saturated color, while #0505a1 is the most saturated one.
-
#525254
#525254
rgb(82,82,84)
-
#4b4b5b
#4b4b5b
rgb(75,75,91)
-
#454561
#454561
rgb(69,69,97)
-
#3f3f67
#3f3f67
rgb(63,63,103)
-
#38386e
#38386e
rgb(56,56,110)
-
#323274
#323274
rgb(50,50,116)
-
#2b2b7b
#2b2b7b
rgb(43,43,123)
-
#252581
#252581
rgb(37,37,129)
-
#1f1f87
#1f1f87
rgb(31,31,135)
-
#18188e
#18188e
rgb(24,24,142)
-
#121294
#121294
rgb(18,18,148)
-
#0c0c9a
#0c0c9a
rgb(12,12,154)
-
#0505a1
#0505a1
rgb(5,5,161)
Color Blindness Simulator
Below, you can see how #454561 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.