#bea302 hex color

In a RGB color space, hex #bea302 is composed of 74.5% red, 63.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 98.9% yellow and 25.5% black. It has a hue angle of 51.4 degrees, a saturation of 97.9% and a lightness of 37.6%. #bea302 color hex could be obtained by blending #ffff04 with #7d4700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 75
- G 64
- B 1
RGB color chart
- C 0
- M 14
- Y 99
- K 25
CMYK color chart

● #bea302 color description : Strong yellow.

The hexadecimal color #bea302 has RGB values of R:190, G:163, B:2 and CMYK values of C:0, M:0.14, Y:0.99, K:0.25. Its decimal value is 12493570.

Hex triplet	bea302	`#bea302`
RGB Decimal	190, 163, 2	`rgb(190,163,2)`
RGB Percent	74.5, 63.9, 0.8	`rgb(74.5%,63.9%,0.8%)`
CMYK	0, 14, 99, 25
HSL	51.4°, 97.9, 37.6	`hsl(51.4,97.9%,37.6%)`
HSV (or HSB)	51.4°, 98.9, 74.5
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.387, -3.3, 70.206
XYZ	34.344, 37.147, 5.419
xyY	0.447, 0.483, 37.147
CIE-LCH	67.387, 70.284, 92.691
CIE-LUV	67.387, 24.684, 71.584
Hunter-Lab	60.949, -6.077, 37.393
Binary	10111110, 10100011, 00000010

#bea302
```
#bea302 rgb(190,163,2)
```
#021dbe
```
#021dbe rgb(2,29,190)
```

Complementary Color

#be4502
```
#be4502 rgb(190,69,2)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#7bbe02
```
#7bbe02 rgb(123,190,2)
```

Analogous Color

#4502be
```
#4502be rgb(69,2,190)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#027bbe
```
#027bbe rgb(2,123,190)
```

Split Complementary Color

#a302be
```
#a302be rgb(163,2,190)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#02bea3
```
#02bea3 rgb(2,190,163)
```

Triadic Color

#be021d
```
#be021d rgb(190,2,29)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#02bea3
```
#02bea3 rgb(2,190,163)
```
#021dbe
```
#021dbe rgb(2,29,190)
```

Tetradic Color

#726201
```
#726201 rgb(114,98,1)
```
#8c7801
```
#8c7801 rgb(140,120,1)
```
#a58d02
```
#a58d02 rgb(165,141,2)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#d7b902
```
#d7b902 rgb(215,185,2)
```
#f0ce03
```
#f0ce03 rgb(240,206,3)
```
#fcdb10
```
#fcdb10 rgb(252,219,16)
```

Monochromatic Color

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

#be7402
```
#be7402 rgb(190,116,2)
```
#be8402
```
#be8402 rgb(190,132,2)
```
#be9302
```
#be9302 rgb(190,147,2)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#beb302
```
#beb302 rgb(190,179,2)
```
#babe02
```
#babe02 rgb(186,190,2)
```
#aabe02
```
#aabe02 rgb(170,190,2)
```

Similar Colors

Text with hexadecimal color #bea302

This text has a font color of #bea302.

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

#bea302 background color

This paragraph has a background color of #bea302.

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

#bea302 border color

This element has a border color of #bea302.

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

CSS codes

.text {color:#bea302;}

.background {background-color:#bea302;}

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

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, #0f0d00 is the darkest color, while #fffefb is the lightest one.

#0f0d00
```
#0f0d00 rgb(15,13,0)
```
#231e00
```
#231e00 rgb(35,30,0)
```
#362e01
```
#362e01 rgb(54,46,1)
```
#4a3f01
```
#4a3f01 rgb(74,63,1)
```
#5d5001
```
#5d5001 rgb(93,80,1)
```
#706001
```
#706001 rgb(112,96,1)
```
#847101
```
#847101 rgb(132,113,1)
```
#978202
```
#978202 rgb(151,130,2)
```
#ab9202
```
#ab9202 rgb(171,146,2)
```
#bea302
```
#bea302 rgb(190,163,2)
```
#d1b402
```
#d1b402 rgb(209,180,2)
```
#e5c402
```
#e5c402 rgb(229,196,2)
```
#f8d503
```
#f8d503 rgb(248,213,3)
```

Shade Color Variation

#fddb12
```
#fddb12 rgb(253,219,18)
```
#fdde25
```
#fdde25 rgb(253,222,37)
```
#fde139
```
#fde139 rgb(253,225,57)
```
#fde44c
```
#fde44c rgb(253,228,76)
```
#fde760
```
#fde760 rgb(253,231,96)
```
#feea73
```
#feea73 rgb(254,234,115)
```
#feed86
```
#feed86 rgb(254,237,134)
```
#fef09a
```
#fef09a rgb(254,240,154)
```
#fef3ad
```
#fef3ad rgb(254,243,173)
```
#fef5c1
```
#fef5c1 rgb(254,245,193)
```
#fff8d4
```
#fff8d4 rgb(255,248,212)
```
#fffbe7
```
#fffbe7 rgb(255,251,231)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#65645b
```
#65645b rgb(101,100,91)
```
#6d6953
```
#6d6953 rgb(109,105,83)
```
#746e4c
```
#746e4c rgb(116,110,76)
```
#7c7444
```
#7c7444 rgb(124,116,68)
```
#83793d
```
#83793d rgb(131,121,61)
```
#8a7e36
```
#8a7e36 rgb(138,126,54)
```
#92832e
```
#92832e rgb(146,131,46)
```
#998927
```
#998927 rgb(153,137,39)
```
#a08e20
```
#a08e20 rgb(160,142,32)
```
#a89318
```
#a89318 rgb(168,147,24)
```
#af9811
```
#af9811 rgb(175,152,17)
```
#b79e09
```
#b79e09 rgb(183,158,9)
```
#bea302
```
#bea302 rgb(190,163,2)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a09b7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda90c Protanopia 1% of men
#d3a019 Deuteranopia 1% of men
#cb9ca7 Tritanopia 0.001% of the population

Trichromacy

#bda608 Protanomaly 1% of men, 0.01% of women
#cba110 Deuteranomaly 6% of men, 0.4% of women
#c69e6b Tritanomaly 0.01% of the population

#bea302 hex color

#bea302 Color Information

#bea302 Color Conversion

Color Schemes with #bea302

Alternatives to #bea302

#bea302 Preview

Shades and Tints of #bea302

Tones of #bea302

Color Blindness Simulator