#45556e Color Information
In a RGB color space, hex #45556e is composed of 27.1% red, 33.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 37.3% cyan, 22.7% magenta, 0% yellow and 56.9% black. It has a hue angle of 216.6 degrees, a saturation of 22.9% and a lightness of 35.1%. #45556e color hex could be obtained by blending #8aaadc with #000000. Closest websafe color is: #336666.
-
- R 27
- G 33
- B 43
-
- C 37
- M 23
- Y 0
- K 57
● #45556e color description : Very dark desaturated blue.
#45556e Color Conversion
The hexadecimal color #45556e has RGB values of R:69, G:85, B:110 and CMYK values of C:0.37, M:0.23, Y:0, K:0.57. Its decimal value is 4543854.
| Hex triplet | 45556e | #45556e |
|---|---|---|
| RGB Decimal | 69, 85, 110 | rgb(69,85,110) |
| RGB Percent | 27.1, 33.3, 43.1 | rgb(27.1%,33.3%,43.1%) |
| CMYK | 37, 23, 0, 57 | |
| HSL | 216.6°, 22.9, 35.1 | hsl(216.6,22.9%,35.1%) |
| HSV (or HSB) | 216.6°, 37.3, 43.1 | |
| Web Safe | 336666 | #336666 |
| CIE-LAB | 35.767, 0.607, -16.325 |
|---|---|
| XYZ | 8.517, 8.888, 16.018 |
| xyY | 0.255, 0.266, 8.888 |
| CIE-LCH | 35.767, 16.336, 272.128 |
| CIE-LUV | 35.767, -8.572, -21.894 |
| Hunter-Lab | 29.812, -1.179, -10.987 |
| Binary | 01000101, 01010101, 01101110 |
Color Schemes with #45556e
Alternatives to #45556e
Below, you can see some colors close to #45556e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#45556e Preview
This text has a font color of #45556e.
<span style="color:#45556e;">Text here</span>
This paragraph has a background color of #45556e.
<p style="background-color:#45556e;">Content here</p>
This element has a border color of #45556e.
<div style="border:1px solid #45556e;">Content here</div>
.text {color:#45556e;}
.background {background-color:#45556e;}
.border {border:1px solid #45556e;}
Shades and Tints of #45556e
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, #010102 is the darkest color, while #f4f6f8 is the lightest one.
-
#010102
#010102rgb(1,1,2) -
#090a0e
#090a0ergb(9,10,14) -
#10141a
#10141argb(16,20,26) -
#181d26
#181d26rgb(24,29,38) -
#1f2632
#1f2632rgb(31,38,50) -
#27303e
#27303ergb(39,48,62) -
#2e394a
#2e394argb(46,57,74) -
#364256
#364256rgb(54,66,86) -
#3d4c62
#3d4c62rgb(61,76,98) -
#45556e
#45556ergb(69,85,110) -
#4d5e7a
#4d5e7argb(77,94,122) -
#546886
#546886rgb(84,104,134) -
#5c7192
#5c7192rgb(92,113,146)
-
#647a9e
#647a9ergb(100,122,158) -
#7085a5
#7085a5rgb(112,133,165) -
#7c8fad
#7c8fadrgb(124,143,173) -
#8899b4
#8899b4rgb(136,153,180) -
#94a4bc
#94a4bcrgb(148,164,188) -
#a0aec3
#a0aec3rgb(160,174,195) -
#acb8cb
#acb8cbrgb(172,184,203) -
#b8c2d3
#b8c2d3rgb(184,194,211) -
#c4cdda
#c4cddargb(196,205,218) -
#d0d7e2
#d0d7e2rgb(208,215,226) -
#dce1e9
#dce1e9rgb(220,225,233) -
#e8ecf1
#e8ecf1rgb(232,236,241) -
#f4f6f8
#f4f6f8rgb(244,246,248)
Tones of #45556e
A tone is produced by adding gray to any pure hue. In this case, #535860 is the less saturated color, while #0046b3 is the most saturated one.
-
#535860
#535860rgb(83,88,96) -
#4c5767
#4c5767rgb(76,87,103) -
#45556e
#45556ergb(69,85,110) -
#3e5375
#3e5375rgb(62,83,117) -
#37527c
#37527crgb(55,82,124) -
#305083
#305083rgb(48,80,131) -
#294f8a
#294f8argb(41,79,138) -
#234d90
#234d90rgb(35,77,144) -
#1c4c97
#1c4c97rgb(28,76,151) -
#154a9e
#154a9ergb(21,74,158) -
#0e49a5
#0e49a5rgb(14,73,165) -
#0747ac
#0747acrgb(7,71,172) -
#0046b3
#0046b3rgb(0,70,179)
Color Blindness Simulator
Below, you can see how #45556e 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.
