#7E7E7D | colorate

   
colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.  Make this site better

About #7E7E7D

HEX #7E7E7D
NAME -
TONE gray
RGB 126 126 125
HSV 60° 0% 49%
CMYK 0% 0% 0% 50%
Provide color information and color scheme for #7E7E7D. #7E7E7D is gray. The component of #7E7E7D is RGB(126 126 125). The complementary color of #7E7E7D is #7D7D7E. Gray is the color that is reminiscent of the discreet and unclear. It is suitable for neutral and unassertive designs. By combining gray with other colors, it has the effect of complementing that color.

Color schemes with #7E7E7D

Modest and mature color scheme   

base
#BDBDBC main
#7E7E7D accent
#3E3E3D

Mild and soft color scheme   

base
#B7B7B6 main
#7E7E7D accent
#444443

Powerful and flashy color scheme   

base
#CACAC9 main
#7E7E7D accent
#7D7D7E

Colorful and harmonious color scheme   

base
#D7D7D6 main
#7E7E7D accent
#7D7D7E accent
#7D7D7E

Color schemes example

Fine adjustment from #7E7E7D

Tint(add white) 

#7E7E7D #90908F #A2A2A2 #B5B5B4 #C7C7C7 #DADAD9 #ECECEC

Shade(add black) 

#7E7E7D #6C6C6B #5A5A59 #484847 #363635 #242423 #111111

Hue 

#7D7E7D #7D7E7D #7D7E7D #7E7E7D #7E7D7D #7E7D7D #7E7D7D

Saturation 

#7E7E7E #7E7E7D #7E7E72 #7E7E68 #7E7E5E #7E7E54 #7E7E4A

Value(Lightness) 

#404040 #555554 #696968 #7E7E7D #929291 #A6A6A5 #BBBBB9

Related HTML Color 

Gray
#808080 SlateGray
#708090 LightSlateGray
#778899 DimGray
#696969 CadetBlue
#5F9EA0

Complementary

#7D7D7E

Triad

#7E7D7D #7E7E7D #7D7E7D

Related PANTONE 

PANTONE 416 C
#7F7E73 PANTONE Cool Gray 9 C
#777779
PANTONE 425 U
#7A7C7E PANTONE 417 U
#81837D

CSS codes

<style type="text/css">
div {
    color : #7E7E7D;
    background-color : #7E7E7D;
}
</style>

Gradient based on #7E7E7D

By using gradient, you can create a spatial depth even in a flat design. Gloss and shading are the effects of light. To create a beautiful gradient, observe nature closely.

Gradient of gloss and shade

#7E7E7D - #DADAD9
#7E7E7D - #242423

More natural expression (sky and drinks)

#7E7E7D - #EEC295
#7E7E7D - #5A4C28

Contrast ratio

Check the contrast ratio when using white or black for text and background. Evaluation criteria by WCAG 2.0 (A=fail, AA=smallest acceptable, AAA=highest compliance)

White and #7E7E7D (4.06 : 1)

14pt
A 18pt
AA 14pt
A 18pt
AA

Black and #7E7E7D (5.17 : 1)

14pt
AA 18pt
AAA 14pt
AA 18pt
AAA

Utilities

Barcode

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

 Make barcode

colorate

colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work.

 Make color scheme

textate

textate

Make text to image. It is useful when you want to send text on SNS.

 Make text to image