#7c7d8a color information
In a RGB color space, hex #7c7d8a is composed of 48.6% red, 49% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 9.4% magenta, 0% yellow and 45.9% black. It has a hue angle of 235.7 degrees, a saturation of 5.6% and a lightness of 51.4%. #7c7d8a color hex could be obtained by blending #f8faff with #000015. Closest websafe color is: #666699.
#7c7d8a color conversion
The hexadecimal color #7c7d8a has RGB values of R:124, G:125, B:138 and CMYK values of C:0.1, M:0.09, Y:0, K:0.46. Its decimal value is 8158602.
- Hex triplet 7c7d8a
#7c7d8a - RGB Decimal 124, 125, 138
rgb(124,125,138) - RGB Percent 48.6, 49, 54.1
rgb(48.6%,49%,54.1%) - CMYK 10, 9, 0, 46
- HSL 235.7°, 5.6, 51.4
hsl(236,6%,51%) - HSV (or HSB) 235.7°, 10.1, 54.1
- Web Safe 666699
#666699
- CIE-LAB 52.716, 2.354, -7.159
- XYZ 20.232, 20.787, 26.99
- xyY 0.297, 0.306, 20.787
- CIE-LCH 52.716, 7.536, 288.199
- CIE-LUV 52.716, -1.295, -10.524
- Hunter-Lab 45.593, -0.576, -3.183
- Binary 01111100, 01111101, 10001010
Color Schemes with #7c7d8a
#7c7d8a in action
This text has a font color of #7c7d8a.
<span style="color:#7c7d8a;">Text here</span>This paragraph has a background color of #7c7d8a.
<p style="background-color:#7c7d8a;">Content here</p>This element has a border color of #7c7d8a.
<div style="border:1px solid #7c7d8a;">Content here</div>.text {color:#7c7d8a;}.background {background-color:#7c7d8a;}.border {border:1px solid #7c7d8a;}Shades of #7c7d8a
- #0d0d0e #0d0d0e
rgb(13,13,14) - #1f1f23 #1f1f23
rgb(31,31,35) - #323238 #323238
rgb(50,50,56) - #44454c #44454c
rgb(68,69,76) - #575761 #575761
rgb(87,87,97) - #696a76 #696a76
rgb(105,106,118) - #7c7d8a #7c7d8a
rgb(124,125,138) - #91929d #91929d
rgb(145,146,157) - #a5a6af #a5a6af
rgb(165,166,175) - #babbc2 #babbc2
rgb(186,187,194) - #cfcfd4 #cfcfd4
rgb(207,207,212) - #e4e4e7 #e4e4e7
rgb(228,228,231) - #f8f8f9 #f8f8f9
rgb(248,248,249)
Color Blindness Simulator
Below, you can see how #7c7d8a 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.