#bea522 hex color

In a RGB color space, hex #bea522 is composed of 74.5% red, 64.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.2% magenta, 82.1% yellow and 25.5% black. It has a hue angle of 50.4 degrees, a saturation of 69.6% and a lightness of 43.9%. #bea522 color hex could be obtained by blending #ffff44 with #7d4b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 75
- G 65
- B 13
RGB color chart
- C 0
- M 13
- Y 82
- K 25
CMYK color chart

● #bea522 color description : Strong yellow.

The hexadecimal color #bea522 has RGB values of R:190, G:165, B:34 and CMYK values of C:0, M:0.13, Y:0.82, K:0.25. Its decimal value is 12494114.

Hex triplet	bea522	`#bea522`
RGB Decimal	190, 165, 34	`rgb(190,165,34)`
RGB Percent	74.5, 64.7, 13.3	`rgb(74.5%,64.7%,13.3%)`
CMYK	0, 13, 82, 25
HSL	50.4°, 69.6, 43.9	`hsl(50.4,69.6%,43.9%)`
HSV (or HSB)	50.4°, 82.1, 74.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	68.002, -3.764, 64.708
XYZ	34.979, 37.974, 7.001
xyY	0.437, 0.475, 37.974
CIE-LCH	68.002, 64.817, 93.329
CIE-LUV	68.002, 22.822, 68.93
Hunter-Lab	61.623, -6.518, 36.401
Binary	10111110, 10100101, 00100010

#bea522
```
#bea522 rgb(190,165,34)
```
#223bbe
```
#223bbe rgb(34,59,190)
```

Complementary Color

#be5722
```
#be5722 rgb(190,87,34)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#89be22
```
#89be22 rgb(137,190,34)
```

Analogous Color

#5722be
```
#5722be rgb(87,34,190)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#2289be
```
#2289be rgb(34,137,190)
```

Split Complementary Color

#a522be
```
#a522be rgb(165,34,190)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#22bea5
```
#22bea5 rgb(34,190,165)
```

Triadic Color

#be223b
```
#be223b rgb(190,34,59)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#22bea5
```
#22bea5 rgb(34,190,165)
```
#223bbe
```
#223bbe rgb(34,59,190)
```

Tetradic Color

#7d6d16
```
#7d6d16 rgb(125,109,22)
```
#937f1a
```
#937f1a rgb(147,127,26)
```
#a8921e
```
#a8921e rgb(168,146,30)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#d4b826
```
#d4b826 rgb(212,184,38)
```
#dbc138
```
#dbc138 rgb(219,193,56)
```
#dfc84d
```
#dfc84d rgb(223,200,77)
```

Monochromatic Color

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

#be7e22
```
#be7e22 rgb(190,126,34)
```
#be8b22
```
#be8b22 rgb(190,139,34)
```
#be9822
```
#be9822 rgb(190,152,34)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#beb222
```
#beb222 rgb(190,178,34)
```
#bdbe22
```
#bdbe22 rgb(189,190,34)
```
#b0be22
```
#b0be22 rgb(176,190,34)
```

Similar Colors

Text with hexadecimal color #bea522

This text has a font color of #bea522.

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

#bea522 background color

This paragraph has a background color of #bea522.

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

#bea522 border color

This element has a border color of #bea522.

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

CSS codes

.text {color:#bea522;}

.background {background-color:#bea522;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181504
```
#181504 rgb(24,21,4)
```
#282307
```
#282307 rgb(40,35,7)
```
#39310a
```
#39310a rgb(57,49,10)
```
#4a400d
```
#4a400d rgb(74,64,13)
```
#5a4e10
```
#5a4e10 rgb(90,78,16)
```
#6b5d13
```
#6b5d13 rgb(107,93,19)
```
#7b6b16
```
#7b6b16 rgb(123,107,22)
```
#8c7a19
```
#8c7a19 rgb(140,122,25)
```
#9d881c
```
#9d881c rgb(157,136,28)
```
#ad971f
```
#ad971f rgb(173,151,31)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#cfb325
```
#cfb325 rgb(207,179,37)
```

Shade Color Variation

#dabe2e
```
#dabe2e rgb(218,190,46)
```
#ddc33e
```
#ddc33e rgb(221,195,62)
```
#dfc84f
```
#dfc84f rgb(223,200,79)
```
#e2ce60
```
#e2ce60 rgb(226,206,96)
```
#e5d370
```
#e5d370 rgb(229,211,112)
```
#e8d881
```
#e8d881 rgb(232,216,129)
```
#ebdd92
```
#ebdd92 rgb(235,221,146)
```
#eee2a2
```
#eee2a2 rgb(238,226,162)
```
#f1e7b3
```
#f1e7b3 rgb(241,231,179)
```
#f4edc3
```
#f4edc3 rgb(244,237,195)
```
#f7f2d4
```
#f7f2d4 rgb(247,242,212)
```
#faf7e5
```
#faf7e5 rgb(250,247,229)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#707070
```
#707070 rgb(112,112,112)
```
#797667
```
#797667 rgb(121,118,103)
```
#827c5e
```
#827c5e rgb(130,124,94)
```
#8a8256
```
#8a8256 rgb(138,130,86)
```
#93884d
```
#93884d rgb(147,136,77)
```
#9c8e44
```
#9c8e44 rgb(156,142,68)
```
#a4933c
```
#a4933c rgb(164,147,60)
```
#ad9933
```
#ad9933 rgb(173,153,51)
```
#b59f2b
```
#b59f2b rgb(181,159,43)
```
#bea522
```
#bea522 rgb(190,165,34)
```
#c7ab19
```
#c7ab19 rgb(199,171,25)
```
#cfb111
```
#cfb111 rgb(207,177,17)
```
#d8b708
```
#d8b708 rgb(216,183,8)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a49f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa2d Protanopia 1% of men
#d3a231 Deuteranopia 1% of men
#ca9ea9 Tritanopia 0.001% of the population

Trichromacy

#bea829 Protanomaly 1% of men, 0.01% of women
#cba32c Deuteranomaly 6% of men, 0.4% of women
#c6a178 Tritanomaly 0.01% of the population

#bea522 hex color

#bea522 Color Information

#bea522 Color Conversion

Color Schemes with #bea522

Alternatives to #bea522

#bea522 Preview

Shades and Tints of #bea522

Tones of #bea522

Color Blindness Simulator