#c48a00 hex color

In a RGB color space, hex #c48a00 is composed of 76.9% red, 54.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.6% magenta, 100% yellow and 23.1% black. It has a hue angle of 42.2 degrees, a saturation of 100% and a lightness of 38.4%. #c48a00 color hex could be obtained by blending #ffff00 with #891500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 77
- G 54
- B 0
RGB color chart
- C 0
- M 30
- Y 100
- K 23
CMYK color chart

● #c48a00 color description : Strong orange.

The hexadecimal color #c48a00 has RGB values of R:196, G:138, B:0 and CMYK values of C:0, M:0.3, Y:1, K:0.23. Its decimal value is 12880384.

Hex triplet	c48a00	`#c48a00`
RGB Decimal	196, 138, 0	`rgb(196,138,0)`
RGB Percent	76.9, 54.1, 0	`rgb(76.9%,54.1%,0%)`
CMYK	0, 30, 100, 23
HSL	42.2°, 100, 38.4	`hsl(42.2,100%,38.4%)`
HSV (or HSB)	42.2°, 100, 76.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	61.581, 12.907, 66.743
XYZ	31.854, 29.915, 4.096
xyY	0.484, 0.454, 29.915
CIE-LCH	61.581, 67.98, 79.055
CIE-LUV	61.581, 48.58, 62.382
Hunter-Lab	54.694, 8.244, 33.845
Binary	11000100, 10001010, 00000000

#c48a00
```
#c48a00 rgb(196,138,0)
```
#003ac4
```
#003ac4 rgb(0,58,196)
```

Complementary Color

#c42800
```
#c42800 rgb(196,40,0)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#9cc400
```
#9cc400 rgb(156,196,0)
```

Analogous Color

#2800c4
```
#2800c4 rgb(40,0,196)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#009cc4
```
#009cc4 rgb(0,156,196)
```

Split Complementary Color

#8a00c4
```
#8a00c4 rgb(138,0,196)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#00c48a
```
#00c48a rgb(0,196,138)
```

Triadic Color

#c4003a
```
#c4003a rgb(196,0,58)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#00c48a
```
#00c48a rgb(0,196,138)
```
#003ac4
```
#003ac4 rgb(0,58,196)
```

Tetradic Color

#785400
```
#785400 rgb(120,84,0)
```
#916600
```
#916600 rgb(145,102,0)
```
#ab7800
```
#ab7800 rgb(171,120,0)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#de9c00
```
#de9c00 rgb(222,156,0)
```
#f7ae00
```
#f7ae00 rgb(247,174,0)
```
#ffb912
```
#ffb912 rgb(255,185,18)
```

Monochromatic Color

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

#c45900
```
#c45900 rgb(196,89,0)
```
#c46900
```
#c46900 rgb(196,105,0)
```
#c47a00
```
#c47a00 rgb(196,122,0)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#c49a00
```
#c49a00 rgb(196,154,0)
```
#c4ab00
```
#c4ab00 rgb(196,171,0)
```
#c4bb00
```
#c4bb00 rgb(196,187,0)
```

Similar Colors

Text with hexadecimal color #c48a00

This text has a font color of #c48a00.

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

#c48a00 background color

This paragraph has a background color of #c48a00.

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

#c48a00 border color

This element has a border color of #c48a00.

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

CSS codes

.text {color:#c48a00;}

.background {background-color:#c48a00;}

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

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

#130e00
```
#130e00 rgb(19,14,0)
```
#271c00
```
#271c00 rgb(39,28,0)
```
#3b2900
```
#3b2900 rgb(59,41,0)
```
#4e3700
```
#4e3700 rgb(78,55,0)
```
#624500
```
#624500 rgb(98,69,0)
```
#765300
```
#765300 rgb(118,83,0)
```
#896100
```
#896100 rgb(137,97,0)
```
#9d6e00
```
#9d6e00 rgb(157,110,0)
```
#b07c00
```
#b07c00 rgb(176,124,0)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```
#d89800
```
#d89800 rgb(216,152,0)
```
#eba600
```
#eba600 rgb(235,166,0)
```
#ffb300
```
#ffb300 rgb(255,179,0)
```

Shade Color Variation

#ffb913
```
#ffb913 rgb(255,185,19)
```
#ffbf27
```
#ffbf27 rgb(255,191,39)
```
#ffc53b
```
#ffc53b rgb(255,197,59)
```
#ffcb4e
```
#ffcb4e rgb(255,203,78)
```
#ffd162
```
#ffd162 rgb(255,209,98)
```
#ffd676
```
#ffd676 rgb(255,214,118)
```
#ffdc89
```
#ffdc89 rgb(255,220,137)
```
#ffe29d
```
#ffe29d rgb(255,226,157)
```
#ffe8b0
```
#ffe8b0 rgb(255,232,176)
```
#ffeec4
```
#ffeec4 rgb(255,238,196)
```
#fff3d8
```
#fff3d8 rgb(255,243,216)
```
#fff9eb
```
#fff9eb rgb(255,249,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6a655a
```
#6a655a rgb(106,101,90)
```
#716853
```
#716853 rgb(113,104,83)
```
#796b4b
```
#796b4b rgb(121,107,75)
```
#806e44
```
#806e44 rgb(128,110,68)
```
#88713c
```
#88713c rgb(136,113,60)
```
#8f7435
```
#8f7435 rgb(143,116,53)
```
#97782d
```
#97782d rgb(151,120,45)
```
#9e7b26
```
#9e7b26 rgb(158,123,38)
```
#a67e1e
```
#a67e1e rgb(166,126,30)
```
#ad8117
```
#ad8117 rgb(173,129,23)
```
#b5840f
```
#b5840f rgb(181,132,15)
```
#bc8708
```
#bc8708 rgb(188,135,8)
```
#c48a00
```
#c48a00 rgb(196,138,0)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#978c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9a0e Protanopia 1% of men
#c19200 Deuteranopia 1% of men
#cd868f Tritanopia 0.001% of the population

Trichromacy

#b59409 Protanomaly 1% of men, 0.01% of women
#c28f00 Deuteranomaly 6% of men, 0.4% of women
#ca875b Tritanomaly 0.01% of the population

#c48a00 hex color

#c48a00 Color Information

#c48a00 Color Conversion

Color Schemes with #c48a00

Alternatives to #c48a00

#c48a00 Preview

Shades and Tints of #c48a00

Tones of #c48a00

Color Blindness Simulator