#686275 color information
In a RGB color space, hex #686275 is composed of 40.8% red, 38.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 11.1% cyan, 16.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 258.9 degrees, a saturation of 8.8% and a lightness of 42.2%. #686275 color hex could be obtained by blending #d0c4ea with #000000. Closest websafe color is: #666666.
#686275 color conversion
The hexadecimal color #686275 has RGB values of R:104, G:98, B:117 and CMYK values of C:0.11, M:0.16, Y:0, K:0.54. Its decimal value is 6840949.
- Hex triplet 686275
#686275 - RGB Decimal 104, 98, 117
rgb(104,98,117) - RGB Percent 40.8, 38.4, 45.9
rgb(40.8%,38.4%,45.9%) - CMYK 11, 16, 0, 54
- HSL 258.9°, 8.8, 42.2
hsl(259,9%,42%) - HSV (or HSB) 258.9°, 16.2, 45.9
- Web Safe 666666
#666666
- CIE-LAB 42.707, 6.449, -9.814
- XYZ 13.287, 12.963, 18.631
- xyY 0.296, 0.289, 12.963
- CIE-LCH 42.707, 11.743, 303.309
- CIE-LUV 42.707, 2.091, -14.317
- Hunter-Lab 36.004, 2.867, -5.478
- Binary 01101000, 01100010, 01110101
Color Schemes with #686275
#686275 in action
This text has a font color of #686275.
<span style="color:#686275;">Text here</span>
This paragraph has a background color of #686275.
<p style="background-color:#686275;">Content here</p>
This element has a border color of #686275.
<div style="border:1px solid #686275;">Content here</div>
.text {color:#686275;}
.background {background-color:#686275;}
.border {border:1px solid #686275;}
Shades of #686275
- #09090a #09090a
rgb(9,9,10) - #1c1a20 #1c1a20
rgb(28,26,32) - #2f2c35 #2f2c35
rgb(47,44,53) - #423e4a #423e4a
rgb(66,62,74) - #555060 #555060
rgb(85,80,96) - #686275 #686275
rgb(104,98,117) - #7b748a #7b748a
rgb(123,116,138) - #8f899c #8f899c
rgb(143,137,156) - #a39fae #a39fae
rgb(163,159,174) - #b8b4c0 #b8b4c0
rgb(184,180,192) - #ccc9d2 #ccc9d2
rgb(204,201,210) - #e0dfe4 #e0dfe4
rgb(224,223,228) - #f4f4f6 #f4f4f6
rgb(244,244,246)
Color Blindness Simulator
Below, you can see how #686275 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.
