#458d60 color information
In a RGB color space, hex #458d60 is composed of 27.1% red, 55.3% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 0% magenta, 31.9% yellow and 44.7% black. It has a hue angle of 142.5 degrees, a saturation of 34.3% and a lightness of 41.2%. #458d60 color hex could be obtained by blending #8affc0 with #001b00. Closest websafe color is: #339966.
#458d60 color conversion
The hexadecimal color #458d60 has RGB values of R:69, G:141, B:96 and CMYK values of C:0.51, M:0, Y:0.32, K:0.45. Its decimal value is 4558176.
- Hex triplet 458d60
#458d60 - RGB Decimal 69, 141, 96
rgb(69,141,96) - RGB Percent 27.1, 55.3, 37.6
rgb(27.1%,55.3%,37.6%) - CMYK 51, 0, 32, 45
- HSL 142.5°, 34.3, 41.2
hsl(143,34%,41%) - HSV (or HSB) 142.5°, 51.1, 55.3
- Web Safe 339966
#339966
- CIE-LAB 53.123, -33.322, 17.262
- XYZ 14.09, 21.159, 14.407
- xyY 0.284, 0.426, 21.159
- CIE-LCH 53.123, 37.527, 152.614
- CIE-LUV 53.123, -32.752, 27.547
- Hunter-Lab 45.998, -25.822, 13.629
- Binary 01000101, 10001101, 01100000
Color Schemes with #458d60
#458d60 in action
This text has a font color of #458d60.
<span style="color:#458d60;">Text here</span>
This paragraph has a background color of #458d60.
<p style="background-color:#458d60;">Content here</p>
This element has a border color of #458d60.
<div style="border:1px solid #458d60;">Content here</div>
.text {color:#458d60;}
.background {background-color:#458d60;}
.border {border:1px solid #458d60;}
Shades of #458d60
- #050906 #050906
rgb(5,9,6) - #112418 #112418
rgb(17,36,24) - #1e3e2a #1e3e2a
rgb(30,62,42) - #2b583c #2b583c
rgb(43,88,60) - #38734e #38734e
rgb(56,115,78) - #458d60 #458d60
rgb(69,141,96) - #52a772 #52a772
rgb(82,167,114) - #6ab687 #6ab687
rgb(106,182,135) - #85c39c #85c39c
rgb(133,195,156) - #9fd0b1 #9fd0b1
rgb(159,208,177) - #b9ddc7 #b9ddc7
rgb(185,221,199) - #d4eadc #d4eadc
rgb(212,234,220) - #eef7f1 #eef7f1
rgb(238,247,241)
Color Blindness Simulator
Below, you can see how #458d60 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.
