#457c77 Color Information
In a RGB color space, hex #457c77 is composed of 27.1% red, 48.6% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 44.4% cyan, 0% magenta, 4% yellow and 51.4% black. It has a hue angle of 174.5 degrees, a saturation of 28.5% and a lightness of 37.8%. #457c77 color hex could be obtained by blending #8af8ee with #000000. Closest websafe color is: #336666.
-
- R 27
- G 49
- B 47
-
- C 44
- M 0
- Y 4
- K 51
● #457c77 color description : Mostly desaturated dark cyan.
#457c77 Color Conversion
The hexadecimal color #457c77 has RGB values of R:69, G:124, B:119 and CMYK values of C:0.44, M:0, Y:0.04, K:0.51. Its decimal value is 4553847.
Hex triplet | 457c77 | #457c77 |
---|---|---|
RGB Decimal | 69, 124, 119 | rgb(69,124,119) |
RGB Percent | 27.1, 48.6, 46.7 | rgb(27.1%,48.6%,46.7%) |
CMYK | 44, 0, 4, 51 | |
HSL | 174.5°, 28.5, 37.8 | hsl(174.5,28.5%,37.8%) |
HSV (or HSB) | 174.5°, 44.4, 48.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 48.275, -19.492, -2.967 |
---|---|
XYZ | 12.991, 17.012, 20.051 |
xyY | 0.26, 0.34, 17.012 |
CIE-LCH | 48.275, 19.717, 188.655 |
CIE-LUV | 48.275, -24.833, -1.258 |
Hunter-Lab | 41.245, -15.958, 0.049 |
Binary | 01000101, 01111100, 01110111 |
Color Schemes with #457c77
Alternatives to #457c77
Below, you can see some colors close to #457c77. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#457c77 Preview
This text has a font color of #457c77.
<span style="color:#457c77;">Text here</span>
This paragraph has a background color of #457c77.
<p style="background-color:#457c77;">Content here</p>
This element has a border color of #457c77.
<div style="border:1px solid #457c77;">Content here</div>
.text {color:#457c77;}
.background {background-color:#457c77;}
.border {border:1px solid #457c77;}
Shades and Tints of #457c77
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, #060b0a is the darkest color, while #fdfefe is the lightest one.
-
#060b0a
#060b0a
rgb(6,11,10)
-
#0d1716
#0d1716
rgb(13,23,22)
-
#142422
#142422
rgb(20,36,34)
-
#1b302e
#1b302e
rgb(27,48,46)
-
#223d3b
#223d3b
rgb(34,61,59)
-
#294a47
#294a47
rgb(41,74,71)
-
#305653
#305653
rgb(48,86,83)
-
#37635f
#37635f
rgb(55,99,95)
-
#3e6f6b
#3e6f6b
rgb(62,111,107)
-
#457c77
#457c77
rgb(69,124,119)
-
#4c8983
#4c8983
rgb(76,137,131)
-
#53958f
#53958f
rgb(83,149,143)
-
#5aa29b
#5aa29b
rgb(90,162,155)
-
#66aaa4
#66aaa4
rgb(102,170,164)
-
#72b1ab
#72b1ab
rgb(114,177,171)
-
#7fb8b3
#7fb8b3
rgb(127,184,179)
-
#8cbfba
#8cbfba
rgb(140,191,186)
-
#98c6c2
#98c6c2
rgb(152,198,194)
-
#a5cdc9
#a5cdc9
rgb(165,205,201)
-
#b1d4d1
#b1d4d1
rgb(177,212,209)
-
#bedbd8
#bedbd8
rgb(190,219,216)
-
#cbe2e0
#cbe2e0
rgb(203,226,224)
-
#d7e9e7
#d7e9e7
rgb(215,233,231)
-
#e4f0ef
#e4f0ef
rgb(228,240,239)
-
#f0f7f6
#f0f7f6
rgb(240,247,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #457c77
A tone is produced by adding gray to any pure hue. In this case, #5b6665 is the less saturated color, while #02bfae is the most saturated one.
-
#5b6665
#5b6665
rgb(91,102,101)
-
#546d6b
#546d6b
rgb(84,109,107)
-
#4c7571
#4c7571
rgb(76,117,113)
-
#457c77
#457c77
rgb(69,124,119)
-
#3e837d
#3e837d
rgb(62,131,125)
-
#368b83
#368b83
rgb(54,139,131)
-
#2f9289
#2f9289
rgb(47,146,137)
-
#279a8f
#279a8f
rgb(39,154,143)
-
#20a195
#20a195
rgb(32,161,149)
-
#18a99b
#18a99b
rgb(24,169,155)
-
#11b0a2
#11b0a2
rgb(17,176,162)
-
#0ab7a8
#0ab7a8
rgb(10,183,168)
-
#02bfae
#02bfae
rgb(2,191,174)
Color Blindness Simulator
Below, you can see how #457c77 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.