#305942 color information
In a RGB color space, hex #305942 is composed of 18.8% red, 34.9% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 46.1% cyan, 0% magenta, 25.8% yellow and 65.1% black. It has a hue angle of 146.3 degrees, a saturation of 29.9% and a lightness of 26.9%. #305942 color hex could be obtained by blending #60b284 with #000000. Closest websafe color is: #336633.
#305942 color conversion
The hexadecimal color #305942 has RGB values of R:48, G:89, B:66 and CMYK values of C:0.46, M:0, Y:0.26, K:0.65. Its decimal value is 3168578.
- Hex triplet 305942
#305942 - RGB Decimal 48, 89, 66
rgb(48,89,66) - RGB Percent 18.8, 34.9, 25.9
rgb(18.8%,34.9%,25.9%) - CMYK 46, 0, 26, 65
- HSL 146.3°, 29.9, 26.9
hsl(146,30%,27%) - HSV (or HSB) 146.3°, 46.1, 34.9
- Web Safe 336633
#336633
- CIE-LAB 34.327, -20.367, 8.903
- XYZ 5.774, 8.166, 6.426
- xyY 0.284, 0.401, 8.166
- CIE-LCH 34.327, 22.227, 156.389
- CIE-LUV 34.327, -18.428, 13.293
- Hunter-Lab 28.576, -13.94, 6.671
- Binary 00110000, 01011001, 01000010
Color Schemes with #305942
#305942 in action
This text has a font color of #305942.
<span style="color:#305942;">Text here</span>
This paragraph has a background color of #305942.
<p style="background-color:#305942;">Content here</p>
This element has a border color of #305942.
<div style="border:1px solid #305942;">Content here</div>
.text {color:#305942;}
.background {background-color:#305942;}
.border {border:1px solid #305942;}
Shades of #305942
- #070d09 #070d09
rgb(7,13,9) - #15261c #15261c
rgb(21,38,28) - #22402f #22402f
rgb(34,64,47) - #305942 #305942
rgb(48,89,66) - #3e7255 #3e7255
rgb(62,114,85) - #4b8c68 #4b8c68
rgb(75,140,104) - #59a57b #59a57b
rgb(89,165,123) - #73b38f #73b38f
rgb(115,179,143) - #8cc1a3 #8cc1a3
rgb(140,193,163) - #a6cfb8 #a6cfb8
rgb(166,207,184) - #bfddcc #bfddcc
rgb(191,221,204) - #d9eae0 #d9eae0
rgb(217,234,224) - #f2f8f5 #f2f8f5
rgb(242,248,245)
Color Blindness Simulator
Below, you can see how #305942 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.
