#455a63 Color Information
In a RGB color space, hex #455a63 is composed of 27.1% red, 35.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 9.1% magenta, 0% yellow and 61.2% black. It has a hue angle of 198 degrees, a saturation of 17.9% and a lightness of 32.9%. #455a63 color hex could be obtained by blending #8ab4c6 with #000000. Closest websafe color is: #336666.
-
- R 27
- G 35
- B 39
-
- C 30
- M 9
- Y 0
- K 61
● #455a63 color description : Very dark grayish blue.
#455a63 Color Conversion
The hexadecimal color #455a63 has RGB values of R:69, G:90, B:99 and CMYK values of C:0.3, M:0.09, Y:0, K:0.61. Its decimal value is 4545123.
Hex triplet | 455a63 | #455a63 |
---|---|---|
RGB Decimal | 69, 90, 99 | rgb(69,90,99) |
RGB Percent | 27.1, 35.3, 38.8 | rgb(27.1%,35.3%,38.8%) |
CMYK | 30, 9, 0, 61 | |
HSL | 198°, 17.9, 32.9 | hsl(198,17.9%,32.9%) |
HSV (or HSB) | 198°, 30.3, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 36.889, -5.591, -7.778 |
---|---|
XYZ | 8.362, 9.478, 13.193 |
xyY | 0.269, 0.305, 9.478 |
CIE-LCH | 36.889, 9.579, 234.293 |
CIE-LUV | 36.889, -10.503, -9.417 |
Hunter-Lab | 30.787, -5.394, -3.856 |
Binary | 01000101, 01011010, 01100011 |
Color Schemes with #455a63
Alternatives to #455a63
Below, you can see some colors close to #455a63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#455a63 Preview
This text has a font color of #455a63.
<span style="color:#455a63;">Text here</span>
This paragraph has a background color of #455a63.
<p style="background-color:#455a63;">Content here</p>
This element has a border color of #455a63.
<div style="border:1px solid #455a63;">Content here</div>
.text {color:#455a63;}
.background {background-color:#455a63;}
.border {border:1px solid #455a63;}
Shades and Tints of #455a63
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, #050607 is the darkest color, while #fafbfb is the lightest one.
-
#050607
#050607
rgb(5,6,7)
-
#0d1012
#0d1012
rgb(13,16,18)
-
#151b1e
#151b1e
rgb(21,27,30)
-
#1d2529
#1d2529
rgb(29,37,41)
-
#253035
#253035
rgb(37,48,53)
-
#2d3a40
#2d3a40
rgb(45,58,64)
-
#35454c
#35454c
rgb(53,69,76)
-
#3d4f57
#3d4f57
rgb(61,79,87)
-
#455a63
#455a63
rgb(69,90,99)
-
#4d656f
#4d656f
rgb(77,101,111)
-
#556f7a
#556f7a
rgb(85,111,122)
-
#5d7a86
#5d7a86
rgb(93,122,134)
-
#658491
#658491
rgb(101,132,145)
-
#6f8e9b
#6f8e9b
rgb(111,142,155)
-
#7b97a3
#7b97a3
rgb(123,151,163)
-
#86a0ab
#86a0ab
rgb(134,160,171)
-
#92a9b3
#92a9b3
rgb(146,169,179)
-
#9db2bb
#9db2bb
rgb(157,178,187)
-
#a9bbc3
#a9bbc3
rgb(169,187,195)
-
#b5c4cb
#b5c4cb
rgb(181,196,203)
-
#c0ced3
#c0ced3
rgb(192,206,211)
-
#ccd7db
#ccd7db
rgb(204,215,219)
-
#d7e0e3
#d7e0e3
rgb(215,224,227)
-
#e3e9eb
#e3e9eb
rgb(227,233,235)
-
#eef2f3
#eef2f3
rgb(238,242,243)
-
#fafbfb
#fafbfb
rgb(250,251,251)
Tones of #455a63
A tone is produced by adding gray to any pure hue. In this case, #525556 is the less saturated color, while #0474a4 is the most saturated one.
-
#525556
#525556
rgb(82,85,86)
-
#4b575d
#4b575d
rgb(75,87,93)
-
#455a63
#455a63
rgb(69,90,99)
-
#3f5d69
#3f5d69
rgb(63,93,105)
-
#385f70
#385f70
rgb(56,95,112)
-
#326276
#326276
rgb(50,98,118)
-
#2b647d
#2b647d
rgb(43,100,125)
-
#256783
#256783
rgb(37,103,131)
-
#1e6a8a
#1e6a8a
rgb(30,106,138)
-
#186c90
#186c90
rgb(24,108,144)
-
#116f97
#116f97
rgb(17,111,151)
-
#0b719d
#0b719d
rgb(11,113,157)
-
#0474a4
#0474a4
rgb(4,116,164)
Color Blindness Simulator
Below, you can see how #455a63 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.