#bea80f hex color

In a RGB color space, hex #bea80f is composed of 74.5% red, 65.9% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.6% magenta, 92.1% yellow and 25.5% black. It has a hue angle of 52.5 degrees, a saturation of 85.4% and a lightness of 40.2%. #bea80f color hex could be obtained by blending #ffff1e with #7d5100. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 75
- G 66
- B 6
RGB color chart
- C 0
- M 12
- Y 92
- K 25
CMYK color chart

● #bea80f color description : Strong yellow.

The hexadecimal color #bea80f has RGB values of R:190, G:168, B:15 and CMYK values of C:0, M:0.12, Y:0.92, K:0.25. Its decimal value is 12494863.

Hex triplet	bea80f	`#bea80f`
RGB Decimal	190, 168, 15	`rgb(190,168,15)`
RGB Percent	74.5, 65.9, 5.9	`rgb(74.5%,65.9%,5.9%)`
CMYK	0, 12, 92, 25
HSL	52.5°, 85.4, 40.2	`hsl(52.5,85.4%,40.2%)`
HSV (or HSB)	52.5°, 92.1, 74.5
Web Safe	cc9900	`#cc9900`

CIE-LAB	68.743, -5.784, 69.51
XYZ	35.324, 38.988, 6.117
xyY	0.439, 0.485, 38.988
CIE-LCH	68.743, 69.75, 94.757
CIE-LUV	68.743, 20.963, 72.587
Hunter-Lab	62.44, -8.288, 37.9
Binary	10111110, 10101000, 00001111

#bea80f
```
#bea80f rgb(190,168,15)
```
#0f25be
```
#0f25be rgb(15,37,190)
```

Complementary Color

#be510f
```
#be510f rgb(190,81,15)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#7dbe0f
```
#7dbe0f rgb(125,190,15)
```

Analogous Color

#510fbe
```
#510fbe rgb(81,15,190)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#0f7dbe
```
#0f7dbe rgb(15,125,190)
```

Split Complementary Color

#a80fbe
```
#a80fbe rgb(168,15,190)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#0fbea8
```
#0fbea8 rgb(15,190,168)
```

Triadic Color

#be0f25
```
#be0f25 rgb(190,15,37)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#0fbea8
```
#0fbea8 rgb(15,190,168)
```
#0f25be
```
#0f25be rgb(15,37,190)
```

Tetradic Color

#776909
```
#776909 rgb(119,105,9)
```
#8f7e0b
```
#8f7e0b rgb(143,126,11)
```
#a6930d
```
#a6930d rgb(166,147,13)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#d6bd11
```
#d6bd11 rgb(214,189,17)
```
#ecd114
```
#ecd114 rgb(236,209,20)
```
#eed62b
```
#eed62b rgb(238,214,43)
```

Monochromatic Color

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

#be7c0f
```
#be7c0f rgb(190,124,15)
```
#be8b0f
```
#be8b0f rgb(190,139,15)
```
#be990f
```
#be990f rgb(190,153,15)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#beb70f
```
#beb70f rgb(190,183,15)
```
#b7be0f
```
#b7be0f rgb(183,190,15)
```
#a8be0f
```
#a8be0f rgb(168,190,15)
```

Similar Colors

Text with hexadecimal color #bea80f

This text has a font color of #bea80f.

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

#bea80f background color

This paragraph has a background color of #bea80f.

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

#bea80f border color

This element has a border color of #bea80f.

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

CSS codes

.text {color:#bea80f;}

.background {background-color:#bea80f;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1702
```
#1a1702 rgb(26,23,2)
```
#2d2704
```
#2d2704 rgb(45,39,4)
```
#3f3705
```
#3f3705 rgb(63,55,5)
```
#514806
```
#514806 rgb(81,72,6)
```
#635808
```
#635808 rgb(99,88,8)
```
#756809
```
#756809 rgb(117,104,9)
```
#87780b
```
#87780b rgb(135,120,11)
```
#9a880c
```
#9a880c rgb(154,136,12)
```
#ac980e
```
#ac980e rgb(172,152,14)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#d0b810
```
#d0b810 rgb(208,184,16)
```
#e2c812
```
#e2c812 rgb(226,200,18)
```

Shade Color Variation

#edd31b
```
#edd31b rgb(237,211,27)
```
#eed62d
```
#eed62d rgb(238,214,45)
```
#f0da3f
```
#f0da3f rgb(240,218,63)
```
#f1dd51
```
#f1dd51 rgb(241,221,81)
```
#f3e164
```
#f3e164 rgb(243,225,100)
```
#f4e476
```
#f4e476 rgb(244,228,118)
```
#f6e888
```
#f6e888 rgb(246,232,136)
```
#f7eb9a
```
#f7eb9a rgb(247,235,154)
```
#f8efac
```
#f8efac rgb(248,239,172)
```
#faf2be
```
#faf2be rgb(250,242,190)
```
#fbf6d1
```
#fbf6d1 rgb(251,246,209)
```
#fdfae3
```
#fdfae3 rgb(253,250,227)
```
#fefdf5
```
#fefdf5 rgb(254,253,245)
```

Tint Color Variation

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

#676766
```
#676766 rgb(103,103,102)
```
#6f6d5e
```
#6f6d5e rgb(111,109,94)
```
#777356
```
#777356 rgb(119,115,86)
```
#7f794e
```
#7f794e rgb(127,121,78)
```
#877f46
```
#877f46 rgb(135,127,70)
```
#8f853e
```
#8f853e rgb(143,133,62)
```
#978a36
```
#978a36 rgb(151,138,54)
```
#9e902f
```
#9e902f rgb(158,144,47)
```
#a69627
```
#a69627 rgb(166,150,39)
```
#ae9c1f
```
#ae9c1f rgb(174,156,31)
```
#b6a217
```
#b6a217 rgb(182,162,23)
```
#bea80f
```
#bea80f rgb(190,168,15)
```
#c6ae07
```
#c6ae07 rgb(198,174,7)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a49f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ac1b Protanopia 1% of men
#d7a323 Deuteranopia 1% of men
#cba1ac Tritanopia 0.001% of the population

Trichromacy

#c0aa16 Protanomaly 1% of men, 0.01% of women
#cda51c Deuteranomaly 6% of men, 0.4% of women
#c6a373 Tritanomaly 0.01% of the population

#bea80f hex color

#bea80f Color Information

#bea80f Color Conversion

Color Schemes with #bea80f

Alternatives to #bea80f

#bea80f Preview

Shades and Tints of #bea80f

Tones of #bea80f

Color Blindness Simulator