#bea312 hex color

In a RGB color space, hex #bea312 is composed of 74.5% red, 63.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 90.5% yellow and 25.5% black. It has a hue angle of 50.6 degrees, a saturation of 82.7% and a lightness of 40.8%. #bea312 color hex could be obtained by blending #ffff24 with #7d4700. Closest websafe color is: #cc9900.

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

● #bea312 color description : Strong yellow.

The hexadecimal color #bea312 has RGB values of R:190, G:163, B:18 and CMYK values of C:0, M:0.14, Y:0.91, K:0.25. Its decimal value is 12493586.

Hex triplet	bea312	`#bea312`
RGB Decimal	190, 163, 18	`rgb(190,163,18)`
RGB Percent	74.5, 63.9, 7.1	`rgb(74.5%,63.9%,7.1%)`
CMYK	0, 14, 91, 25
HSL	50.6°, 82.7, 40.8	`hsl(50.6,82.7%,40.8%)`
HSV (or HSB)	50.6°, 90.5, 74.5
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.417, -3.087, 67.987
XYZ	34.442, 37.187, 5.936
xyY	0.444, 0.479, 37.187
CIE-LCH	67.417, 68.057, 92.6
CIE-LUV	67.417, 24.533, 70.354
Hunter-Lab	60.981, -5.899, 36.915
Binary	10111110, 10100011, 00010010

#bea312
```
#bea312 rgb(190,163,18)
```
#122dbe
```
#122dbe rgb(18,45,190)
```

Complementary Color

#be4d12
```
#be4d12 rgb(190,77,18)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#83be12
```
#83be12 rgb(131,190,18)
```

Analogous Color

#4d12be
```
#4d12be rgb(77,18,190)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#1283be
```
#1283be rgb(18,131,190)
```

Split Complementary Color

#a312be
```
#a312be rgb(163,18,190)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#12bea3
```
#12bea3 rgb(18,190,163)
```

Triadic Color

#be122d
```
#be122d rgb(190,18,45)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#12bea3
```
#12bea3 rgb(18,190,163)
```
#122dbe
```
#122dbe rgb(18,45,190)
```

Tetradic Color

#78670b
```
#78670b rgb(120,103,11)
```
#8f7b0e
```
#8f7b0e rgb(143,123,14)
```
#a78f10
```
#a78f10 rgb(167,143,16)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#d5b714
```
#d5b714 rgb(213,183,20)
```
#e9c91a
```
#e9c91a rgb(233,201,26)
```
#ebce31
```
#ebce31 rgb(235,206,49)
```

Monochromatic Color

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

#be7812
```
#be7812 rgb(190,120,18)
```
#be8612
```
#be8612 rgb(190,134,18)
```
#be9512
```
#be9512 rgb(190,149,18)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#beb112
```
#beb112 rgb(190,177,18)
```
#bcbe12
```
#bcbe12 rgb(188,190,18)
```
#aebe12
```
#aebe12 rgb(174,190,18)
```

Similar Colors

Text with hexadecimal color #bea312

This text has a font color of #bea312.

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

#bea312 background color

This paragraph has a background color of #bea312.

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

#bea312 border color

This element has a border color of #bea312.

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

CSS codes

.text {color:#bea312;}

.background {background-color:#bea312;}

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

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

#0b0901
```
#0b0901 rgb(11,9,1)
```
#1d1903
```
#1d1903 rgb(29,25,3)
```
#2f2804
```
#2f2804 rgb(47,40,4)
```
#413706
```
#413706 rgb(65,55,6)
```
#524708
```
#524708 rgb(82,71,8)
```
#64560a
```
#64560a rgb(100,86,10)
```
#76660b
```
#76660b rgb(118,102,11)
```
#88750d
```
#88750d rgb(136,117,13)
```
#9a840f
```
#9a840f rgb(154,132,15)
```
#ac9410
```
#ac9410 rgb(172,148,16)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#d0b214
```
#d0b214 rgb(208,178,20)
```
#e2c215
```
#e2c215 rgb(226,194,21)
```

Shade Color Variation

#eaca21
```
#eaca21 rgb(234,202,33)
```
#eccf33
```
#eccf33 rgb(236,207,51)
```
#edd345
```
#edd345 rgb(237,211,69)
```
#efd757
```
#efd757 rgb(239,215,87)
```
#f1db69
```
#f1db69 rgb(241,219,105)
```
#f2e07a
```
#f2e07a rgb(242,224,122)
```
#f4e48c
```
#f4e48c rgb(244,228,140)
```
#f6e89e
```
#f6e89e rgb(246,232,158)
```
#f8ecb0
```
#f8ecb0 rgb(248,236,176)
```
#f9f1c2
```
#f9f1c2 rgb(249,241,194)
```
#fbf5d4
```
#fbf5d4 rgb(251,245,212)
```
#fdf9e6
```
#fdf9e6 rgb(253,249,230)
```
#fefdf8
```
#fefdf8 rgb(254,253,248)
```

Tint Color Variation

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

#6e6c62
```
#6e6c62 rgb(110,108,98)
```
#76725a
```
#76725a rgb(118,114,90)
```
#7e7752
```
#7e7752 rgb(126,119,82)
```
#867d4a
```
#867d4a rgb(134,125,74)
```
#8e8242
```
#8e8242 rgb(142,130,66)
```
#96883a
```
#96883a rgb(150,136,58)
```
#9e8d32
```
#9e8d32 rgb(158,141,50)
```
#a6932a
```
#a6932a rgb(166,147,42)
```
#ae9822
```
#ae9822 rgb(174,152,34)
```
#b69e1a
```
#b69e1a rgb(182,158,26)
```
#bea312
```
#bea312 rgb(190,163,18)
```
#c6a80a
```
#c6a80a rgb(198,168,10)
```
#ceae02
```
#ceae02 rgb(206,174,2)
```

Tone Color Variation

Below, you can see how #bea312 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
#a29d80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bda91e Protanopia 1% of men
#d2a024 Deuteranopia 1% of men
#ca9ca7 Tritanopia 0.001% of the population

Trichromacy

#bda61a Protanomaly 1% of men, 0.01% of women
#cba11d Deuteranomaly 6% of men, 0.4% of women
#c69f71 Tritanomaly 0.01% of the population

#bea312 hex color

#bea312 Color Information

#bea312 Color Conversion

Color Schemes with #bea312

Alternatives to #bea312

#bea312 Preview

Shades and Tints of #bea312

Tones of #bea312

Color Blindness Simulator