#b4a274 hex color

In a RGB color space, hex #b4a274 is composed of 70.6% red, 63.5% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10% magenta, 35.6% yellow and 29.4% black. It has a hue angle of 43.1 degrees, a saturation of 29.9% and a lightness of 58%. #b4a274 color hex could be obtained by blending #ffffe8 with #694500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 71
- G 64
- B 45
RGB color chart
- C 0
- M 10
- Y 36
- K 29
CMYK color chart

● #b4a274 color description : Slightly desaturated orange.

The hexadecimal color #b4a274 has RGB values of R:180, G:162, B:116 and CMYK values of C:0, M:0.1, Y:0.36, K:0.29. Its decimal value is 11838068.

Hex triplet	b4a274	`#b4a274`
RGB Decimal	180, 162, 116	`rgb(180,162,116)`
RGB Percent	70.6, 63.5, 45.5	`rgb(70.6%,63.5%,45.5%)`
CMYK	0, 10, 36, 29
HSL	43.1°, 29.9, 58	`hsl(43.1,29.9%,58%)`
HSV (or HSB)	43.1°, 35.6, 70.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	67.131, -0.3, 26.348
XYZ	34.895, 36.806, 21.788
xyY	0.373, 0.394, 36.806
CIE-LCH	67.131, 26.35, 90.653
CIE-LUV	67.131, 14.073, 34.428
Hunter-Lab	60.668, -3.499, 21.174
Binary	10110100, 10100010, 01110100

#b4a274
```
#b4a274 rgb(180,162,116)
```
#7486b4
```
#7486b4 rgb(116,134,180)
```

Complementary Color

#b48274
```
#b48274 rgb(180,130,116)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#a6b474
```
#a6b474 rgb(166,180,116)
```

Analogous Color

#8274b4
```
#8274b4 rgb(130,116,180)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#74a6b4
```
#74a6b4 rgb(116,166,180)
```

Split Complementary Color

#a274b4
```
#a274b4 rgb(162,116,180)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#74b4a2
```
#74b4a2 rgb(116,180,162)
```

Triadic Color

#b47486
```
#b47486 rgb(180,116,134)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#74b4a2
```
#74b4a2 rgb(116,180,162)
```
#7486b4
```
#7486b4 rgb(116,134,180)
```

Tetradic Color

#8f7c4d
```
#8f7c4d rgb(143,124,77)
```
#9f8b56
```
#9f8b56 rgb(159,139,86)
```
#ab9763
```
#ab9763 rgb(171,151,99)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#bdad85
```
#bdad85 rgb(189,173,133)
```
#c6b895
```
#c6b895 rgb(198,184,149)
```
#cfc3a6
```
#cfc3a6 rgb(207,195,166)
```

Monochromatic Color

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

#b49274
```
#b49274 rgb(180,146,116)
```
#b49774
```
#b49774 rgb(180,151,116)
```
#b49d74
```
#b49d74 rgb(180,157,116)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#b4a774
```
#b4a774 rgb(180,167,116)
```
#b4ad74
```
#b4ad74 rgb(180,173,116)
```
#b4b274
```
#b4b274 rgb(180,178,116)
```

Similar Colors

Text with hexadecimal color #b4a274

This text has a font color of #b4a274.

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

#b4a274 background color

This paragraph has a background color of #b4a274.

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

#b4a274 border color

This element has a border color of #b4a274.

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

CSS codes

.text {color:#b4a274;}

.background {background-color:#b4a274;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0c07
```
#0e0c07 rgb(14,12,7)
```
#1b170e
```
#1b170e rgb(27,23,14)
```
#272215
```
#272215 rgb(39,34,21)
```
#342d1c
```
#342d1c rgb(52,45,28)
```
#413823
```
#413823 rgb(65,56,35)
```
#4e442a
```
#4e442a rgb(78,68,42)
```
#5a4f31
```
#5a4f31 rgb(90,79,49)
```
#675a38
```
#675a38 rgb(103,90,56)
```
#74653e
```
#74653e rgb(116,101,62)
```
#817045
```
#817045 rgb(129,112,69)
```
#8d7b4c
```
#8d7b4c rgb(141,123,76)
```
#9a8653
```
#9a8653 rgb(154,134,83)
```

Shade Color Variation

#a6915b
```
#a6915b rgb(166,145,91)
```
#ad9967
```
#ad9967 rgb(173,153,103)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#bbab81
```
#bbab81 rgb(187,171,129)
```
#c2b38d
```
#c2b38d rgb(194,179,141)
```
#c9bc9a
```
#c9bc9a rgb(201,188,154)
```
#cfc4a7
```
#cfc4a7 rgb(207,196,167)
```
#d6cdb4
```
#d6cdb4 rgb(214,205,180)
```
#ddd5c0
```
#ddd5c0 rgb(221,213,192)
```
#e4decd
```
#e4decd rgb(228,222,205)
```
#ebe6da
```
#ebe6da rgb(235,230,218)
```
#f2efe7
```
#f2efe7 rgb(242,239,231)
```
#f9f7f3
```
#f9f7f3 rgb(249,247,243)
```

Tint Color Variation

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

#9b978d
```
#9b978d rgb(155,151,141)
```
#a49b84
```
#a49b84 rgb(164,155,132)
```
#ac9e7c
```
#ac9e7c rgb(172,158,124)
```
#b4a274
```
#b4a274 rgb(180,162,116)
```
#bca66c
```
#bca66c rgb(188,166,108)
```
#c4a964
```
#c4a964 rgb(196,169,100)
```
#cdad5b
```
#cdad5b rgb(205,173,91)
```
#d5b053
```
#d5b053 rgb(213,176,83)
```
#ddb44b
```
#ddb44b rgb(221,180,75)
```
#e5b843
```
#e5b843 rgb(229,184,67)
```
#eebb3a
```
#eebb3a rgb(238,187,58)
```
#f6bf32
```
#f6bf32 rgb(246,191,50)
```
#fec22a
```
#fec22a rgb(254,194,42)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a6a299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a77b Protanopia 1% of men
#c5a17c Deuteranopia 1% of men
#bea0ab Tritanopia 0.001% of the population

Trichromacy

#b4a578 Protanomaly 1% of men, 0.01% of women
#bfa179 Deuteranomaly 6% of men, 0.4% of women
#baa097 Tritanomaly 0.01% of the population

#b4a274 hex color

#b4a274 Color Information

#b4a274 Color Conversion

Color Schemes with #b4a274

Alternatives to #b4a274

#b4a274 Preview

Shades and Tints of #b4a274

Tones of #b4a274

Color Blindness Simulator