#a77d35 Color Hex Fluor Spar

Information about Fluor Spar Color | #0000FF

#a77d35 color RGB value is (167,125,53). #a77d35 color name is Fluor Spar color.

#a77d35 hex color red value is 167 , green value is 125 and the blue value of its RGB is 53 . Cylindrical-coordinate representations (also known as HSL) of color #a77d35 hue: 38 , saturation: 52 and the lightness value of #a77d35 is 43

The process color (four color CMYK) of #a77d35 color hex is 0 , 10 ,27, 14 .

#a77d35

~Fluor Spar

Color Converions

HEX
#a77d35
RGB
167,125,53
LAB
56,11,45
CMYK
0,25,68,35
LCH
56,46,76
XYZ
24,23,7
HSV
38,68,65
HSL
38,52,43

Base Numbers

Base Red Green Blue
Binary 10100111 1111101 110101
Octal 247 175 65
Decimal 167 125 53
Hex a7 7d 35

RGB Percentages of Color #a77d35

65%
49%
21%

CMYK Percentages of Color #a77d35

0%
27%
10%
14%

Color Variations

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

Shades of #a77d35

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

10%
#a77d35
20%
#967130
30%
#86642a
40%
#755825
50%
#644b20
60%
#543f1b
70%
#433215
80%
#322610
90%
#21190b
100%
#110d05

Tints of #a77d35

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

10%
#a77d35
20%
#b08a49
30%
#b9975d
40%
#c1a472
50%
#cab186
60%
#d3be9a
70%
#dccbae
80%
#e5d8c2
90%
#ede5d7
100%
#f6f2eb

Tones of #a77d35

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

10%
#a77d35
20%
#a37d3c
30%
#9f7e44
40%
#9b7e4b
50%
#977e53
60%
#937e5a
70%
#8f7e62
80%
#8b7f69
90%
#877f71
100%
#837f78

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.
#a77d35
#a74f35
#a76635
#a77d35
#a79435
#a3a735

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#a77d35
#355fa7

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a77d35
#48a735
#4f35a7

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a77d35
#35a77d
#7d35a7

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.
#a77d35
#35a744
#355fa7
#a73598

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a77d35
#d19d42
#fcbd50
#271e0d
#523d1a
#7c5d28

Blindness simulator

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

Normal

#a77d35

protanopia

#92833a

deuteranopia

#a47d38

tritanopia

#ab757d

achromatopsia

#818181

protanomaly

#9a8138

deuteranomaly

#a57d37

achromatopsia

#818181

tritanomaly

#aa7863

achromatomaly

#8f7f65

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 6/21
Hello World !

#a77d35 Color CSS Codes

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

#a77d35 Text Font Color

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

This sample text font color is #a77d35
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.

#a77d35 Background Color

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

#a77d35 Border Color

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

This div border color is #a77d35

#a77d35 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a77d35

More Colors

Kiwi Green
#8ee53f
Kite Brown
#95483f
Balboa
#afd3da
Boxcar
#873d30
Light Continental Waters
#afd5d8
Pepper Grass
#7c9d47
Clay Bake
#e1c68f
Dupain
#58a0bc
Brandy Snaps
#b58e8b
Hydrangea Purple
#caa0ff
Children's Soft Blue
#a1ced7
Cricket Chirping
#c7c10c
Hibiscus Petal
#edaaac
Faded Orchid
#887383
Numbers
#929bac
Boston Blue
#438eac
Modest Mauve
#838492
Geyser Basin
#e3cab5
Hazy Mauve
#c8c6ce
Mordant Blue
#2a6671
Equestrian Leather
#5b5652
Bit of Blue
#e2eaeb
Blue Booties
#c8ddee
Faint Peach
#f5ddc5
Aqua Forest
#5fa777
Night Mode
#234e86
California
#e98c3a
Crisp Wonton
#f3dcc6
Holy Crow
#332f2c
Aleutian Isle
#4d7eaa
Cala Benirrás Blue
#0ac2c2
Blue Cuddle
#7eb4d1
Incognito
#8e8e82
Coffee Adept
#775511
Cool Cream
#fbe5d9
Brown Eyes
#9e6b4a
Lush Plains
#22bb22
Brick-A-Brack
#a75c3d
Etherea
#a5958f
Best Beige
#c6b49c
rating-img
Rate this tool
NaN/5   0 votes