#7D7E7A | 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 #7D7E7A

HEX #7D7E7A
NAME -
TONE grayish yellow-green
RGB 125 126 122
HSV 74° 3% 49%
CMYK 0% 0% 3% 50%
Provide color information and color scheme for #7D7E7A. #7D7E7A is grayish yellow-green. The component of #7D7E7A is RGB(125 126 122). The complementary color of #7D7E7A is #7B7A7E. Yellow-green is the color that symbolizes of the future and harmony. It is a color that combines yellow of curiosity and green of growth. Yellow-green is also the color that represents immaturity and awkwardness.

Color schemes with #7D7E7A

Modest and mature color scheme   

base
#BCBDBA main
#7D7E7A accent
#3D3E3B

Mild and soft color scheme   

base
#B7B7B4 main
#7D7E7A accent
#424441

Powerful and flashy color scheme   

base
#C9CAC7 main
#7D7E7A accent
#7B7A7E

Colorful and harmonious color scheme   

base
#D6D7D5 main
#7D7E7A accent
#7A7B7E accent
#7D7A7E

Color schemes example

Fine adjustment from #7D7E7A

Tint(add white) 

#7D7E7A #8F908D #A2A2A0 #B4B5B3 #C7C7C6 #D9DAD9 #ECECEC

Shade(add black) 

#7D7E7A #6B6C68 #595A57 #474845 #353634 #232422 #111111

Hue 

#7B7E7A #7C7E7A #7C7E7A #7D7E7A #7D7E7A #7D7E7A #7E7D7A

Saturation 

#7E7E7E #7D7E7A #7A7E6F #777E65 #757E5B #727E51 #707E47

Value(Lightness) 

#40403E #545552 #686966 #7D7E7A #91928D #A5A6A1 #B9BBB5

Related HTML Color 

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

Complementary

#7B7A7E

Triad

#7E7A7C #7D7E7A #7A7D7E

Related PANTONE 

PANTONE 416 C
#7F7E73 PANTONE Cool Gray 9 C
#777779
PANTONE 425 U
#7A7C7E PANTONE Warm Gray 10 U
#827A78

CSS codes

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

Gradient based on #7D7E7A

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

#7D7E7A - #D9DAD9
#7D7E7A - #232422

More natural expression (sky and drinks)

#7D7E7A - #D8C59A
#7D7E7A - #434E25

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 #7D7E7A (4.09 : 1)

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

Black and #7D7E7A (5.14 : 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