#52686a color information
In a RGB color space, hex #52686a is composed of 32.2% red, 40.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 22.6% cyan, 1.9% magenta, 0% yellow and 58.4% black. It has a hue angle of 185 degrees, a saturation of 12.8% and a lightness of 36.9%. #52686a color hex could be obtained by blending #a4d0d4 with #000000. Closest websafe color is: #666666.
#52686a color conversion
The hexadecimal color #52686a has RGB values of R:82, G:104, B:106 and CMYK values of C:0.23, M:0.02, Y:0, K:0.58. Its decimal value is 5400682.
- Hex triplet 52686a
#52686a - RGB Decimal 82, 104, 106
rgb(82,104,106) - RGB Percent 32.2, 40.8, 41.6
rgb(32.2%,40.8%,41.6%) - CMYK 23, 2, 0, 58
- HSL 185°, 12.8, 36.9
hsl(185,13%,37%) - HSV (or HSB) 185°, 22.6, 41.6
- Web Safe 666666
#666666
- CIE-LAB 42.361, -7.665, -3.833
- XYZ 11.031, 12.735, 15.512
- xyY 0.281, 0.324, 12.735
- CIE-LCH 42.361, 8.57, 206.568
- CIE-LUV 42.361, -11.202, -4.009
- Hunter-Lab 35.686, -7.274, -0.792
- Binary 01010010, 01101000, 01101010
Color Schemes with #52686a
#52686a in action
This text has a font color of #52686a.
<span style="color:#52686a;">Text here</span>
This paragraph has a background color of #52686a.
<p style="background-color:#52686a;">Content here</p>
This element has a border color of #52686a.
<div style="border:1px solid #52686a;">Content here</div>
.text {color:#52686a;}
.background {background-color:#52686a;}
.border {border:1px solid #52686a;}
Shades of #52686a
- #0e1112 #0e1112
rgb(14,17,18) - #1f2728 #1f2728
rgb(31,39,40) - #303d3e #303d3e
rgb(48,61,62) - #415254 #415254
rgb(65,82,84) - #52686a #52686a
rgb(82,104,106) - #637e80 #637e80
rgb(99,126,128) - #769295 #769295
rgb(118,146,149) - #8ca4a6 #8ca4a6
rgb(140,164,166) - #a2b5b7 #a2b5b7
rgb(162,181,183) - #b8c7c8 #b8c7c8
rgb(184,199,200) - #ced8d9 #ced8d9
rgb(206,216,217) - #e4eaea #e4eaea
rgb(228,234,234) - #fafbfb #fafbfb
rgb(250,251,251)
Color Blindness Simulator
Below, you can see how #52686a 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.
