#bea022 hex color

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

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

● #bea022 color description : Strong yellow.

The hexadecimal color #bea022 has RGB values of R:190, G:160, B:34 and CMYK values of C:0, M:0.16, Y:0.82, K:0.25. Its decimal value is 12492834.

Hex triplet	bea022	`#bea022`
RGB Decimal	190, 160, 34	`rgb(190,160,34)`
RGB Percent	74.5, 62.7, 13.3	`rgb(74.5%,62.7%,13.3%)`
CMYK	0, 16, 82, 25
HSL	48.5°, 69.6, 43.9	`hsl(48.5,69.6%,43.9%)`
HSV (or HSB)	48.5°, 82.1, 74.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	66.677, -1.098, 63.564
XYZ	34.095, 36.206, 6.706
xyY	0.443, 0.47, 36.206
CIE-LCH	66.677, 63.574, 90.99
CIE-LUV	66.677, 26.429, 66.922
Hunter-Lab	60.171, -4.155, 35.512
Binary	10111110, 10100000, 00100010

#bea022
```
#bea022 rgb(190,160,34)
```
#2240be
```
#2240be rgb(34,64,190)
```

Complementary Color

#be5222
```
#be5222 rgb(190,82,34)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#8ebe22
```
#8ebe22 rgb(142,190,34)
```

Analogous Color

#5222be
```
#5222be rgb(82,34,190)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#228ebe
```
#228ebe rgb(34,142,190)
```

Split Complementary Color

#a022be
```
#a022be rgb(160,34,190)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#22bea0
```
#22bea0 rgb(34,190,160)
```

Triadic Color

#be2240
```
#be2240 rgb(190,34,64)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#22bea0
```
#22bea0 rgb(34,190,160)
```
#2240be
```
#2240be rgb(34,64,190)
```

Tetradic Color

#7d6916
```
#7d6916 rgb(125,105,22)
```
#937c1a
```
#937c1a rgb(147,124,26)
```
#a88e1e
```
#a88e1e rgb(168,142,30)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#d4b226
```
#d4b226 rgb(212,178,38)
```
#dbbc38
```
#dbbc38 rgb(219,188,56)
```
#dfc34d
```
#dfc34d rgb(223,195,77)
```

Monochromatic Color

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

#be7922
```
#be7922 rgb(190,121,34)
```
#be8622
```
#be8622 rgb(190,134,34)
```
#be9322
```
#be9322 rgb(190,147,34)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#bead22
```
#bead22 rgb(190,173,34)
```
#beba22
```
#beba22 rgb(190,186,34)
```
#b5be22
```
#b5be22 rgb(181,190,34)
```

Similar Colors

Text with hexadecimal color #bea022

This text has a font color of #bea022.

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

#bea022 background color

This paragraph has a background color of #bea022.

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

#bea022 border color

This element has a border color of #bea022.

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

CSS codes

.text {color:#bea022;}

.background {background-color:#bea022;}

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

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)
```
#181404
```
#181404 rgb(24,20,4)
```
#282207
```
#282207 rgb(40,34,7)
```
#39300a
```
#39300a rgb(57,48,10)
```
#4a3e0d
```
#4a3e0d rgb(74,62,13)
```
#5a4c10
```
#5a4c10 rgb(90,76,16)
```
#6b5a13
```
#6b5a13 rgb(107,90,19)
```
#7b6816
```
#7b6816 rgb(123,104,22)
```
#8c7619
```
#8c7619 rgb(140,118,25)
```
#9d841c
```
#9d841c rgb(157,132,28)
```
#ad921f
```
#ad921f rgb(173,146,31)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#cfae25
```
#cfae25 rgb(207,174,37)
```

Shade Color Variation

#dab82e
```
#dab82e rgb(218,184,46)
```
#ddbe3e
```
#ddbe3e rgb(221,190,62)
```
#dfc44f
```
#dfc44f rgb(223,196,79)
```
#e2c960
```
#e2c960 rgb(226,201,96)
```
#e5cf70
```
#e5cf70 rgb(229,207,112)
```
#e8d581
```
#e8d581 rgb(232,213,129)
```
#ebda92
```
#ebda92 rgb(235,218,146)
```
#eee0a2
```
#eee0a2 rgb(238,224,162)
```
#f1e5b3
```
#f1e5b3 rgb(241,229,179)
```
#f4ebc3
```
#f4ebc3 rgb(244,235,195)
```
#f7f1d4
```
#f7f1d4 rgb(247,241,212)
```
#faf6e5
```
#faf6e5 rgb(250,246,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 #d8b008 is the most saturated one.

#707070
```
#707070 rgb(112,112,112)
```
#797667
```
#797667 rgb(121,118,103)
```
#827b5e
```
#827b5e rgb(130,123,94)
```
#8a8056
```
#8a8056 rgb(138,128,86)
```
#93854d
```
#93854d rgb(147,133,77)
```
#9c8b44
```
#9c8b44 rgb(156,139,68)
```
#a4903c
```
#a4903c rgb(164,144,60)
```
#ad9533
```
#ad9533 rgb(173,149,51)
```
#b59b2b
```
#b59b2b rgb(181,155,43)
```
#bea022
```
#bea022 rgb(190,160,34)
```
#c7a519
```
#c7a519 rgb(199,165,25)
```
#cfab11
```
#cfab11 rgb(207,171,17)
```
#d8b008
```
#d8b008 rgb(216,176,8)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#a29c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa72e Protanopia 1% of men
#cf9f30 Deuteranopia 1% of men
#ca9aa5 Tritanopia 0.001% of the population

Trichromacy

#bba429 Protanomaly 1% of men, 0.01% of women
#c99f2b Deuteranomaly 6% of men, 0.4% of women
#c59c75 Tritanomaly 0.01% of the population

#bea022 hex color

#bea022 Color Information

#bea022 Color Conversion

Color Schemes with #bea022

Alternatives to #bea022

#bea022 Preview

Shades and Tints of #bea022

Tones of #bea022

Color Blindness Simulator