#455f63 Color Information
In a RGB color space, hex #455f63 is composed of 27.1% red, 37.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 4% magenta, 0% yellow and 61.2% black. It has a hue angle of 188 degrees, a saturation of 17.9% and a lightness of 32.9%. #455f63 color hex could be obtained by blending #8abec6 with #000000. Closest websafe color is: #336666.
-
- R 27
- G 37
- B 39
-
- C 30
- M 4
- Y 0
- K 61
● #455f63 color description : Very dark grayish cyan.
#455f63 Color Conversion
The hexadecimal color #455f63 has RGB values of R:69, G:95, B:99 and CMYK values of C:0.3, M:0.04, Y:0, K:0.61. Its decimal value is 4546403.
Hex triplet | 455f63 | #455f63 |
---|---|---|
RGB Decimal | 69, 95, 99 | rgb(69,95,99) |
RGB Percent | 27.1, 37.3, 38.8 | rgb(27.1%,37.3%,38.8%) |
CMYK | 30, 4, 0, 61 | |
HSL | 188°, 17.9, 32.9 | hsl(188,17.9%,32.9%) |
HSV (or HSB) | 188°, 30.3, 38.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 38.464, -8.578, -5.425 |
---|---|
XYZ | 8.798, 10.35, 13.338 |
xyY | 0.271, 0.319, 10.35 |
CIE-LCH | 38.464, 10.15, 212.312 |
CIE-LUV | 38.464, -12.692, -5.928 |
Hunter-Lab | 32.172, -7.486, -2.061 |
Binary | 01000101, 01011111, 01100011 |
Color Schemes with #455f63
Alternatives to #455f63
Below, you can see some colors close to #455f63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#455f63 Preview
This text has a font color of #455f63.
<span style="color:#455f63;">Text here</span>
This paragraph has a background color of #455f63.
<p style="background-color:#455f63;">Content here</p>
This element has a border color of #455f63.
<div style="border:1px solid #455f63;">Content here</div>
.text {color:#455f63;}
.background {background-color:#455f63;}
.border {border:1px solid #455f63;}
Shades and Tints of #455f63
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)
-
#0d1112
#0d1112
rgb(13,17,18)
-
#151c1e
#151c1e
rgb(21,28,30)
-
#1d2829
#1d2829
rgb(29,40,41)
-
#253335
#253335
rgb(37,51,53)
-
#2d3e40
#2d3e40
rgb(45,62,64)
-
#35494c
#35494c
rgb(53,73,76)
-
#3d5457
#3d5457
rgb(61,84,87)
-
#455f63
#455f63
rgb(69,95,99)
-
#4d6a6f
#4d6a6f
rgb(77,106,111)
-
#55757a
#55757a
rgb(85,117,122)
-
#5d8086
#5d8086
rgb(93,128,134)
-
#658b91
#658b91
rgb(101,139,145)
-
#6f959b
#6f959b
rgb(111,149,155)
-
#7b9ea3
#7b9ea3
rgb(123,158,163)
-
#86a6ab
#86a6ab
rgb(134,166,171)
-
#92afb3
#92afb3
rgb(146,175,179)
-
#9db7bb
#9db7bb
rgb(157,183,187)
-
#a9c0c3
#a9c0c3
rgb(169,192,195)
-
#b5c8cb
#b5c8cb
rgb(181,200,203)
-
#c0d1d3
#c0d1d3
rgb(192,209,211)
-
#ccd9db
#ccd9db
rgb(204,217,219)
-
#d7e2e3
#d7e2e3
rgb(215,226,227)
-
#e3eaeb
#e3eaeb
rgb(227,234,235)
-
#eef3f3
#eef3f3
rgb(238,243,243)
-
#fafbfb
#fafbfb
rgb(250,251,251)
Tones of #455f63
A tone is produced by adding gray to any pure hue. In this case, #525656 is the less saturated color, while #048ea4 is the most saturated one.
-
#525656
#525656
rgb(82,86,86)
-
#4b5a5d
#4b5a5d
rgb(75,90,93)
-
#455f63
#455f63
rgb(69,95,99)
-
#3f6469
#3f6469
rgb(63,100,105)
-
#386870
#386870
rgb(56,104,112)
-
#326d76
#326d76
rgb(50,109,118)
-
#2b727d
#2b727d
rgb(43,114,125)
-
#257783
#257783
rgb(37,119,131)
-
#1e7b8a
#1e7b8a
rgb(30,123,138)
-
#188090
#188090
rgb(24,128,144)
-
#118597
#118597
rgb(17,133,151)
-
#0b8a9d
#0b8a9d
rgb(11,138,157)
-
#048ea4
#048ea4
rgb(4,142,164)
Color Blindness Simulator
Below, you can see how #455f63 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.