#707b71 Color Hex Boxwood

Information about Boxwood Color | #0000FF

#707b71 color RGB value is (112,123,113). #707b71 color name is Boxwood color.

#707b71 hex color red value is 112 , green value is 123 and the blue value of its RGB is 113 . Cylindrical-coordinate representations (also known as HSL) of color #707b71 hue: 125 , saturation: 5 and the lightness value of #707b71 is 46

The process color (four color CMYK) of #707b71 color hex is 4 , 0 ,3, 20 .

#707b71

~Boxwood

Color Converions

HEX
#707b71
RGB
112,123,113
LAB
50,-6,4
CMYK
9,0,8,52
LCH
50,7,145
XYZ
17,19,18
HSV
125,9,48
HSL
125,5,46

Base Numbers

Base Red Green Blue
Binary 1110000 1111011 1110001
Octal 160 173 161
Decimal 112 123 113
Hex 70 7b 71

RGB Percentages of Color #707b71

44%
48%
44%

CMYK Percentages of Color #707b71

4%
3%
0%
20%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #707b71

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#707b71
20%
#656f66
30%
#5a625a
40%
#4e564f
50%
#434a44
60%
#383e39
70%
#2d312d
80%
#222522
90%
#161917
100%
#0b0c0b

Tints of #707b71

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#707b71
20%
#7e887f
30%
#8d958d
40%
#9ba39c
50%
#a9b0aa
60%
#b7bdb8
70%
#c6cac6
80%
#d4d7d4
90%
#e2e5e3
100%
#f1f2f1

Tones of #707b71

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#707b71
20%
#727b72
30%
#737c74
40%
#757c75
50%
#767d77
60%
#787d78
70%
#797e7a
80%
#7b7e7b
90%
#7c7f7d
100%
#7e7f7e

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#707b71
#737b70
#717b70
#707b71
#707b73
#707b75

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#707b71
#7b707a

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#707b71
#70787b
#7b7073

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#707b71
#71707b
#7b7170

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#707b71
#70747b
#7b707a
#7b7670

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#707b71
#97a598
#bdd0bf
#e4fae6
#232623
#49504a

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#707b71

protanopia

#7c776f

deuteranopia

#857373

tritanopia

#737881

achromatopsia

#787878

protanomaly

#777870

deuteranomaly

#7d7672

achromatopsia

#787878

tritanomaly

#72797b

achromatomaly

#757975

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 5/21
Hello World !

#707b71 Color CSS Codes

.bgcolor {background-color:#707b71; } 
.forecolor {color:#707b71; }
.bordercolor {border:3px solid #707b71; }
            

#707b71 Text Font Color

<div style="color:#707b71">
Div content here</div>

This sample text font color is #707b71
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#707b71 Background Color

<div style="background-color:#707b71">
Div content here</div>
Div content here

#707b71 Border Color

<div style="border:3px solid #707b71">
Div here</div>

This div border color is #707b71

#707b71 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #707b71; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #707b71; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #707b71;
  -webkit-box-shadow: 1px 1px 3px 2px #707b71;
  box-shadow: 1px 1px 3px 2px #707b71; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #707b71">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #707b71;
              -webkit-box-shadow: 1px 1px 3px 2px #707b71;
              box-shadow:         1px 1px 3px 2px #707b71#707b71">
Div content here</div>

This div box has shadow with color #707b71

More Colors

Cool Clay
#ba947b
Au Natural
#e5e1ce
Iris Mauve
#b39b94
Almond Willow
#e6c9bc
Cool Frost
#e7e6ed
Meški Black
#1f0b1e
Carbon Copy
#545554
Lavender Rose
#fba0e3
Cloudy Carrot
#ffa812
Peppered Pecan
#957d6f
Argyle
#348a5d
Lazy Lichen
#6e6e5c
Electric Lime
#ccff00
Light Katsura
#d6ead8
Georgian Bay
#22657f
Blue Grey
#758da3
Nasty Green
#70b23f
Dusty Green
#76a973
Ashen Brown
#994444
Ephemera
#6f5965
Blue Oblivion
#26428b
Milk Quartz
#f5deae
Limitless
#f0ddb8
Kappa Green
#c5ded1
Barely Mauve
#ccbdb9
Beguiling Blue
#5e6f8e
Malevolent Mauve
#bb6688
Deep Aquamarine
#78dbe2
Confetti
#ddcb46
Lime Lizard
#abd35d
Oxalis
#c1e28a
El Salva
#8f4e45
Crusta
#f38653
Azuki Red
#672422
North Atlantic
#536d70
Alloy Orange
#c46210
Bulrush
#6d5837
Dire Wolf
#282828
Charisma
#632a60
rating-img
Rate this tool
NaN/5   0 votes