#a23700 hex color

In a RGB color space, hex #a23700 is composed of 63.5% red, 21.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66% magenta, 100% yellow and 36.5% black. It has a hue angle of 20.4 degrees, a saturation of 100% and a lightness of 31.8%. #a23700 color hex could be obtained by blending #ff6e00 with #450000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 64
- G 22
- B 0
RGB color chart
- C 0
- M 66
- Y 100
- K 36
CMYK color chart

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

The hexadecimal color #a23700 has RGB values of R:162, G:55, B:0 and CMYK values of C:0, M:0.66, Y:1, K:0.36. Its decimal value is 10630912.

Hex triplet	a23700	`#a23700`
RGB Decimal	162, 55, 0	`rgb(162,55,0)`
RGB Percent	63.5, 21.6, 0	`rgb(63.5%,21.6%,0%)`
CMYK	0, 66, 100, 36
HSL	20.4°, 100, 31.8	`hsl(20.4,100%,31.8%)`
HSV (or HSB)	20.4°, 100, 63.5
Web Safe	993300	`#993300`

CIE-LAB	38.578, 42.355, 50.17
XYZ	16.267, 10.416, 1.154
xyY	0.584, 0.374, 10.416
CIE-LCH	38.578, 65.658, 49.828
CIE-LUV	38.578, 86.235, 32.294
Hunter-Lab	32.273, 33.494, 20.471
Binary	10100010, 00110111, 00000000

#a23700
```
#a23700 rgb(162,55,0)
```
#006ba2
```
#006ba2 rgb(0,107,162)
```

Complementary Color

#a2001a
```
#a2001a rgb(162,0,26)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#a28800
```
#a28800 rgb(162,136,0)
```

Analogous Color

#001aa2
```
#001aa2 rgb(0,26,162)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#00a288
```
#00a288 rgb(0,162,136)
```

Split Complementary Color

#3700a2
```
#3700a2 rgb(55,0,162)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#00a237
```
#00a237 rgb(0,162,55)
```

Triadic Color

#a2006b
```
#a2006b rgb(162,0,107)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#00a237
```
#00a237 rgb(0,162,55)
```
#006ba2
```
#006ba2 rgb(0,107,162)
```

Tetradic Color

#561d00
```
#561d00 rgb(86,29,0)
```
#6f2600
```
#6f2600 rgb(111,38,0)
```
#892e00
```
#892e00 rgb(137,46,0)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#bc4000
```
#bc4000 rgb(188,64,0)
```
#d54800
```
#d54800 rgb(213,72,0)
```
#ef5100
```
#ef5100 rgb(239,81,0)
```

Monochromatic Color

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

#a20f00
```
#a20f00 rgb(162,15,0)
```
#a21c00
```
#a21c00 rgb(162,28,0)
```
#a22a00
```
#a22a00 rgb(162,42,0)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#a24500
```
#a24500 rgb(162,69,0)
```
#a25200
```
#a25200 rgb(162,82,0)
```
#a26000
```
#a26000 rgb(162,96,0)
```

Similar Colors

Text with hexadecimal color #a23700

This text has a font color of #a23700.

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

#a23700 background color

This paragraph has a background color of #a23700.

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

#a23700 border color

This element has a border color of #a23700.

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

CSS codes

.text {color:#a23700;}

.background {background-color:#a23700;}

.border {border:1px solid #a23700;}

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, #050200 is the darkest color, while #fff5f0 is the lightest one.

#050200
```
#050200 rgb(5,2,0)
```
#190800
```
#190800 rgb(25,8,0)
```
#2c0f00
```
#2c0f00 rgb(44,15,0)
```
#401600
```
#401600 rgb(64,22,0)
```
#541c00
```
#541c00 rgb(84,28,0)
```
#672300
```
#672300 rgb(103,35,0)
```
#7b2a00
```
#7b2a00 rgb(123,42,0)
```
#8e3000
```
#8e3000 rgb(142,48,0)
```
#a23700
```
#a23700 rgb(162,55,0)
```
#b63e00
```
#b63e00 rgb(182,62,0)
```
#c94400
```
#c94400 rgb(201,68,0)
```
#dd4b00
```
#dd4b00 rgb(221,75,0)
```
#f05200
```
#f05200 rgb(240,82,0)
```

Shade Color Variation

#ff5a05
```
#ff5a05 rgb(255,90,5)
```
#ff6719
```
#ff6719 rgb(255,103,25)
```
#ff742c
```
#ff742c rgb(255,116,44)
```
#ff8140
```
#ff8140 rgb(255,129,64)
```
#ff8e54
```
#ff8e54 rgb(255,142,84)
```
#ff9b67
```
#ff9b67 rgb(255,155,103)
```
#ffa87b
```
#ffa87b rgb(255,168,123)
```
#ffb58e
```
#ffb58e rgb(255,181,142)
```
#ffc2a2
```
#ffc2a2 rgb(255,194,162)
```
#ffcfb6
```
#ffcfb6 rgb(255,207,182)
```
#ffdbc9
```
#ffdbc9 rgb(255,219,201)
```
#ffe8dd
```
#ffe8dd rgb(255,232,221)
```
#fff5f0
```
#fff5f0 rgb(255,245,240)
```

Tint Color Variation

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

#574f4b
```
#574f4b rgb(87,79,75)
```
#5d4d45
```
#5d4d45 rgb(93,77,69)
```
#644b3e
```
#644b3e rgb(100,75,62)
```
#6a4938
```
#6a4938 rgb(106,73,56)
```
#704732
```
#704732 rgb(112,71,50)
```
#76452c
```
#76452c rgb(118,69,44)
```
#7d4325
```
#7d4325 rgb(125,67,37)
```
#83411f
```
#83411f rgb(131,65,31)
```
#893f19
```
#893f19 rgb(137,63,25)
```
#8f3d13
```
#8f3d13 rgb(143,61,19)
```
#963b0c
```
#963b0c rgb(150,59,12)
```
#9c3906
```
#9c3906 rgb(156,57,6)
```
#a23700
```
#a23700 rgb(162,55,0)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#614c41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6313 Protanopia 1% of men
#7c5e00 Deuteranopia 1% of men
#a83d40 Tritanopia 0.001% of the population

Trichromacy

#81530c Protanomaly 1% of men, 0.01% of women
#895000 Deuteranomaly 6% of men, 0.4% of women
#a53a28 Tritanomaly 0.01% of the population

#a23700 hex color

#a23700 Color Information

#a23700 Color Conversion

Color Schemes with #a23700

Alternatives to #a23700

#a23700 Preview

Shades and Tints of #a23700

Tones of #a23700

Color Blindness Simulator