#9a502a hex color

In a RGB color space, hex #9a502a is composed of 60.4% red, 31.4% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.1% magenta, 72.7% yellow and 39.6% black. It has a hue angle of 20.4 degrees, a saturation of 57.1% and a lightness of 38.4%. #9a502a color hex could be obtained by blending #ffa054 with #350000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 60
- G 31
- B 16
RGB color chart
- C 0
- M 48
- Y 73
- K 40
CMYK color chart

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

The hexadecimal color #9a502a has RGB values of R:154, G:80, B:42 and CMYK values of C:0, M:0.48, Y:0.73, K:0.4. Its decimal value is 10113066.

Hex triplet	9a502a	`#9a502a`
RGB Decimal	154, 80, 42	`rgb(154,80,42)`
RGB Percent	60.4, 31.4, 16.5	`rgb(60.4%,31.4%,16.5%)`
CMYK	0, 48, 73, 40
HSL	20.4°, 57.1, 38.4	`hsl(20.4,57.1%,38.4%)`
HSV (or HSB)	20.4°, 72.7, 60.4
Web Safe	996633	`#996633`

CIE-LAB	42.424, 27.735, 35.478
XYZ	16.614, 12.776, 3.781
xyY	0.501, 0.385, 12.776
CIE-LCH	42.424, 45.033, 51.983
CIE-LUV	42.424, 57.786, 30.485
Hunter-Lab	35.743, 20.416, 18.748
Binary	10011010, 01010000, 00101010

#9a502a
```
#9a502a rgb(154,80,42)
```
#2a749a
```
#2a749a rgb(42,116,154)
```

Complementary Color

#9a2a3c
```
#9a2a3c rgb(154,42,60)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#9a882a
```
#9a882a rgb(154,136,42)
```

Analogous Color

#2a3c9a
```
#2a3c9a rgb(42,60,154)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#2a9a88
```
#2a9a88 rgb(42,154,136)
```

Split Complementary Color

#502a9a
```
#502a9a rgb(80,42,154)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#2a9a50
```
#2a9a50 rgb(42,154,80)
```

Triadic Color

#9a2a74
```
#9a2a74 rgb(154,42,116)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#2a9a50
```
#2a9a50 rgb(42,154,80)
```
#2a749a
```
#2a749a rgb(42,116,154)
```

Tetradic Color

#5e311a
```
#5e311a rgb(94,49,26)
```
#723b1f
```
#723b1f rgb(114,59,31)
```
#864625
```
#864625 rgb(134,70,37)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#ae5a2f
```
#ae5a2f rgb(174,90,47)
```
#c26535
```
#c26535 rgb(194,101,53)
```
#cc7244
```
#cc7244 rgb(204,114,68)
```

Monochromatic Color

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

#9a342a
```
#9a342a rgb(154,52,42)
```
#9a3d2a
```
#9a3d2a rgb(154,61,42)
```
#9a472a
```
#9a472a rgb(154,71,42)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#9a592a
```
#9a592a rgb(154,89,42)
```
#9a632a
```
#9a632a rgb(154,99,42)
```
#9a6c2a
```
#9a6c2a rgb(154,108,42)
```

Similar Colors

Text with hexadecimal color #9a502a

This text has a font color of #9a502a.

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

#9a502a background color

This paragraph has a background color of #9a502a.

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

#9a502a border color

This element has a border color of #9a502a.

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

CSS codes

.text {color:#9a502a;}

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

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

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, #0f0804 is the darkest color, while #ffffff is the lightest one.

#0f0804
```
#0f0804 rgb(15,8,4)
```
#1f1008
```
#1f1008 rgb(31,16,8)
```
#2e180d
```
#2e180d rgb(46,24,13)
```
#3e2011
```
#3e2011 rgb(62,32,17)
```
#4d2815
```
#4d2815 rgb(77,40,21)
```
#5c3019
```
#5c3019 rgb(92,48,25)
```
#6c381d
```
#6c381d rgb(108,56,29)
```
#7b4022
```
#7b4022 rgb(123,64,34)
```
#8b4826
```
#8b4826 rgb(139,72,38)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#a9582e
```
#a9582e rgb(169,88,46)
```
#b96032
```
#b96032 rgb(185,96,50)
```
#c86837
```
#c86837 rgb(200,104,55)
```

Shade Color Variation

#cd7446
```
#cd7446 rgb(205,116,70)
```
#d17f55
```
#d17f55 rgb(209,127,85)
```
#d58b65
```
#d58b65 rgb(213,139,101)
```
#d99674
```
#d99674 rgb(217,150,116)
```
#dda284
```
#dda284 rgb(221,162,132)
```
#e2ae93
```
#e2ae93 rgb(226,174,147)
```
#e6b9a2
```
#e6b9a2 rgb(230,185,162)
```
#eac5b2
```
#eac5b2 rgb(234,197,178)
```
#eed0c1
```
#eed0c1 rgb(238,208,193)
```
#f2dcd1
```
#f2dcd1 rgb(242,220,209)
```
#f7e8e0
```
#f7e8e0 rgb(247,232,224)
```
#fbf3ef
```
#fbf3ef rgb(251,243,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#65615f
```
#65615f rgb(101,97,95)
```
#6d5f57
```
#6d5f57 rgb(109,95,87)
```
#745c50
```
#745c50 rgb(116,92,80)
```
#7c5a48
```
#7c5a48 rgb(124,90,72)
```
#835741
```
#835741 rgb(131,87,65)
```
#8b5539
```
#8b5539 rgb(139,85,57)
```
#925232
```
#925232 rgb(146,82,50)
```
#9a502a
```
#9a502a rgb(154,80,42)
```
#a24e22
```
#a24e22 rgb(162,78,34)
```
#a94b1b
```
#a94b1b rgb(169,75,27)
```
#b14913
```
#b14913 rgb(177,73,19)
```
#b8460c
```
#b8460c rgb(184,70,12)
```
#c04404
```
#c04404 rgb(192,68,4)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#6d5e57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#766c3a Protanopia 1% of men
#856730 Deuteranopia 1% of men
#a1545a Tritanopia 0.001% of the population

Trichromacy

#836134 Protanomaly 1% of men, 0.01% of women
#8c5e2e Deuteranomaly 6% of men, 0.4% of women
#9e5348 Tritanomaly 0.01% of the population

#9a502a hex color

#9a502a Color Information

#9a502a Color Conversion

Color Schemes with #9a502a

Alternatives to #9a502a

#9a502a Preview

Shades and Tints of #9a502a

Tones of #9a502a

Color Blindness Simulator