#9a682d hex color

In a RGB color space, hex #9a682d is composed of 60.4% red, 40.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 70.8% yellow and 39.6% black. It has a hue angle of 32.5 degrees, a saturation of 54.8% and a lightness of 39%. #9a682d color hex could be obtained by blending #ffd05a with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 41
- B 18
RGB color chart
- C 0
- M 32
- Y 71
- K 40
CMYK color chart

● #9a682d color description : Dark orange [Brown tone].

The hexadecimal color #9a682d has RGB values of R:154, G:104, B:45 and CMYK values of C:0, M:0.32, Y:0.71, K:0.4. Its decimal value is 10119213.

Hex triplet	9a682d	`#9a682d`
RGB Decimal	154, 104, 45	`rgb(154,104,45)`
RGB Percent	60.4, 40.8, 17.6	`rgb(60.4%,40.8%,17.6%)`
CMYK	0, 32, 71, 40
HSL	32.5°, 54.8, 39	`hsl(32.5,54.8%,39%)`
HSV (or HSB)	32.5°, 70.8, 60.4
Web Safe	996633	`#996633`

CIE-LAB	48.211, 14.297, 40.211
XYZ	18.751, 16.961, 4.769
xyY	0.463, 0.419, 16.961
CIE-LCH	48.211, 42.677, 70.427
CIE-LUV	48.211, 39.524, 39.278
Hunter-Lab	41.184, 9.197, 21.964
Binary	10011010, 01101000, 00101101

#9a682d
```
#9a682d rgb(154,104,45)
```
#2d5f9a
```
#2d5f9a rgb(45,95,154)
```

Complementary Color

#9a322d
```
#9a322d rgb(154,50,45)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#969a2d
```
#969a2d rgb(150,154,45)
```

Analogous Color

#322d9a
```
#322d9a rgb(50,45,154)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#2d969a
```
#2d969a rgb(45,150,154)
```

Split Complementary Color

#682d9a
```
#682d9a rgb(104,45,154)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#2d9a68
```
#2d9a68 rgb(45,154,104)
```

Triadic Color

#9a2d5f
```
#9a2d5f rgb(154,45,95)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#2d9a68
```
#2d9a68 rgb(45,154,104)
```
#2d5f9a
```
#2d5f9a rgb(45,95,154)
```

Tetradic Color

#5f401c
```
#5f401c rgb(95,64,28)
```
#734d21
```
#734d21 rgb(115,77,33)
```
#865b27
```
#865b27 rgb(134,91,39)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#ae7533
```
#ae7533 rgb(174,117,51)
```
#c18339
```
#c18339 rgb(193,131,57)
```
#ca8f4a
```
#ca8f4a rgb(202,143,74)
```

Monochromatic Color

Below, you can see some colors close to #9a682d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9a4d2d
```
#9a4d2d rgb(154,77,45)
```
#9a562d
```
#9a562d rgb(154,86,45)
```
#9a5f2d
```
#9a5f2d rgb(154,95,45)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#9a712d
```
#9a712d rgb(154,113,45)
```
#9a7a2d
```
#9a7a2d rgb(154,122,45)
```
#9a832d
```
#9a832d rgb(154,131,45)
```

Similar Colors

Text with hexadecimal color #9a682d

This text has a font color of #9a682d.

<span style="color:#9a682d;">Text here</span>

#9a682d background color

This paragraph has a background color of #9a682d.

<p style="background-color:#9a682d;">Content here</p>

#9a682d border color

This element has a border color of #9a682d.

<div style="border:1px solid #9a682d;">Content here</div>

CSS codes

.text {color:#9a682d;}

.background {background-color:#9a682d;}

.border {border:1px solid #9a682d;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020101 is the darkest color, while #fbf7f2 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#110c05
```
#110c05 rgb(17,12,5)
```
#21160a
```
#21160a rgb(33,22,10)
```
#30200e
```
#30200e rgb(48,32,14)
```
#3f2a12
```
#3f2a12 rgb(63,42,18)
```
#4e3517
```
#4e3517 rgb(78,53,23)
```
#5d3f1b
```
#5d3f1b rgb(93,63,27)
```
#6c4920
```
#6c4920 rgb(108,73,32)
```
#7c5324
```
#7c5324 rgb(124,83,36)
```
#8b5e29
```
#8b5e29 rgb(139,94,41)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#a97231
```
#a97231 rgb(169,114,49)
```
#b87d36
```
#b87d36 rgb(184,125,54)
```

Shade Color Variation

#c6873c
```
#c6873c rgb(198,135,60)
```
#ca904b
```
#ca904b rgb(202,144,75)
```
#cf995a
```
#cf995a rgb(207,153,90)
```
#d3a369
```
#d3a369 rgb(211,163,105)
```
#d8ac79
```
#d8ac79 rgb(216,172,121)
```
#dcb588
```
#dcb588 rgb(220,181,136)
```
#e1bf97
```
#e1bf97 rgb(225,191,151)
```
#e5c8a6
```
#e5c8a6 rgb(229,200,166)
```
#e9d2b5
```
#e9d2b5 rgb(233,210,181)
```
#eedbc4
```
#eedbc4 rgb(238,219,196)
```
#f2e4d4
```
#f2e4d4 rgb(242,228,212)
```
#f7eee3
```
#f7eee3 rgb(247,238,227)
```
#fbf7f2
```
#fbf7f2 rgb(251,247,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646463 is the less saturated color, while #c06b07 is the most saturated one.

#646463
```
#646463 rgb(100,100,99)
```
#6c645b
```
#6c645b rgb(108,100,91)
```
#746553
```
#746553 rgb(116,101,83)
```
#7b654c
```
#7b654c rgb(123,101,76)
```
#836644
```
#836644 rgb(131,102,68)
```
#8b673c
```
#8b673c rgb(139,103,60)
```
#926735
```
#926735 rgb(146,103,53)
```
#9a682d
```
#9a682d rgb(154,104,45)
```
#a26925
```
#a26925 rgb(162,105,37)
```
#a9691e
```
#a9691e rgb(169,105,30)
```
#b16a16
```
#b16a16 rgb(177,106,22)
```
#b96b0e
```
#b96b0e rgb(185,107,14)
```
#c06b07
```
#c06b07 rgb(192,107,7)
```

Tone Color Variation

Below, you can see how #9a682d 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.

Monochromacy

#707070 Achromatopsia 0.005% of the population
#786e63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86793a Protanopia 1% of men
#957436 Deuteranopia 1% of men
#a36970 Tritanopia 0.001% of the population

Trichromacy

#8d7335 Protanomaly 1% of men, 0.01% of women
#976f33 Deuteranomaly 6% of men, 0.4% of women
#9f6958 Tritanomaly 0.01% of the population

#9a682d hex color

#9a682d Color Information

#9a682d Color Conversion

Color Schemes with #9a682d

Alternatives to #9a682d

#9a682d Preview

Shades and Tints of #9a682d

Tones of #9a682d

Color Blindness Simulator