#bda316 hex color

In a RGB color space, hex #bda316 is composed of 74.1% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.8% magenta, 88.4% yellow and 25.9% black. It has a hue angle of 50.7 degrees, a saturation of 79.1% and a lightness of 41.4%. #bda316 color hex could be obtained by blending #ffff2c with #7b4700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 74
- G 64
- B 9
RGB color chart
- C 0
- M 14
- Y 88
- K 26
CMYK color chart

● #bda316 color description : Strong yellow.

The hexadecimal color #bda316 has RGB values of R:189, G:163, B:22 and CMYK values of C:0, M:0.14, Y:0.88, K:0.26. Its decimal value is 12428054.

Hex triplet	bda316	`#bda316`
RGB Decimal	189, 163, 22	`rgb(189,163,22)`
RGB Percent	74.1, 63.9, 8.6	`rgb(74.1%,63.9%,8.6%)`
CMYK	0, 14, 88, 26
HSL	50.7°, 79.1, 41.4	`hsl(50.7,79.1%,41.4%)`
HSV (or HSB)	50.7°, 88.4, 74.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	67.331, -3.457, 67.097
XYZ	34.229, 37.072, 6.112
xyY	0.442, 0.479, 37.072
CIE-LCH	67.331, 67.186, 92.949
CIE-LUV	67.331, 23.728, 69.89
Hunter-Lab	60.887, -6.206, 36.669
Binary	10111101, 10100011, 00010110

#bda316
```
#bda316 rgb(189,163,22)
```
#1630bd
```
#1630bd rgb(22,48,189)
```

Complementary Color

#bd4f16
```
#bd4f16 rgb(189,79,22)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#84bd16
```
#84bd16 rgb(132,189,22)
```

Analogous Color

#4f16bd
```
#4f16bd rgb(79,22,189)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#1684bd
```
#1684bd rgb(22,132,189)
```

Split Complementary Color

#a316bd
```
#a316bd rgb(163,22,189)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#16bda3
```
#16bda3 rgb(22,189,163)
```

Triadic Color

#bd1630
```
#bd1630 rgb(189,22,48)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#16bda3
```
#16bda3 rgb(22,189,163)
```
#1630bd
```
#1630bd rgb(22,48,189)
```

Tetradic Color

#78680e
```
#78680e rgb(120,104,14)
```
#8f7c11
```
#8f7c11 rgb(143,124,17)
```
#a68f13
```
#a68f13 rgb(166,143,19)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#d4b719
```
#d4b719 rgb(212,183,25)
```
#e5c721
```
#e5c721 rgb(229,199,33)
```
#e8cc38
```
#e8cc38 rgb(232,204,56)
```

Monochromatic Color

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

#bd7916
```
#bd7916 rgb(189,121,22)
```
#bd8716
```
#bd8716 rgb(189,135,22)
```
#bd9516
```
#bd9516 rgb(189,149,22)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#bdb116
```
#bdb116 rgb(189,177,22)
```
#bbbd16
```
#bbbd16 rgb(187,189,22)
```
#adbd16
```
#adbd16 rgb(173,189,22)
```

Similar Colors

Text with hexadecimal color #bda316

This text has a font color of #bda316.

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

#bda316 background color

This paragraph has a background color of #bda316.

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

#bda316 border color

This element has a border color of #bda316.

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

CSS codes

.text {color:#bda316;}

.background {background-color:#bda316;}

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

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

#0d0b02
```
#0d0b02 rgb(13,11,2)
```
#1f1b04
```
#1f1b04 rgb(31,27,4)
```
#302a06
```
#302a06 rgb(48,42,6)
```
#423908
```
#423908 rgb(66,57,8)
```
#54480a
```
#54480a rgb(84,72,10)
```
#65570c
```
#65570c rgb(101,87,12)
```
#77660e
```
#77660e rgb(119,102,14)
```
#887610
```
#887610 rgb(136,118,16)
```
#9a8512
```
#9a8512 rgb(154,133,18)
```
#ab9414
```
#ab9414 rgb(171,148,20)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#cfb218
```
#cfb218 rgb(207,178,24)
```
#e0c11a
```
#e0c11a rgb(224,193,26)
```

Shade Color Variation

#e6c828
```
#e6c828 rgb(230,200,40)
```
#e8cd39
```
#e8cd39 rgb(232,205,57)
```
#ead14b
```
#ead14b rgb(234,209,75)
```
#ecd65d
```
#ecd65d rgb(236,214,93)
```
#eeda6e
```
#eeda6e rgb(238,218,110)
```
#f0df80
```
#f0df80 rgb(240,223,128)
```
#f2e391
```
#f2e391 rgb(242,227,145)
```
#f4e8a3
```
#f4e8a3 rgb(244,232,163)
```
#f6ecb4
```
#f6ecb4 rgb(246,236,180)
```
#f8f1c6
```
#f8f1c6 rgb(248,241,198)
```
#faf5d8
```
#faf5d8 rgb(250,245,216)
```
#fcf9e9
```
#fcf9e9 rgb(252,249,233)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#6c6b67
```
#6c6b67 rgb(108,107,103)
```
#74715f
```
#74715f rgb(116,113,95)
```
#7c7657
```
#7c7657 rgb(124,118,87)
```
#847c4f
```
#847c4f rgb(132,124,79)
```
#8c8147
```
#8c8147 rgb(140,129,71)
```
#94873f
```
#94873f rgb(148,135,63)
```
#9d8d36
```
#9d8d36 rgb(157,141,54)
```
#a5922e
```
#a5922e rgb(165,146,46)
```
#ad9826
```
#ad9826 rgb(173,152,38)
```
#b59d1e
```
#b59d1e rgb(181,157,30)
```
#bda316
```
#bda316 rgb(189,163,22)
```
#c5a90e
```
#c5a90e rgb(197,169,14)
```
#cdae06
```
#cdae06 rgb(205,174,6)
```

Tone Color Variation

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

#bca922 Protanopia 1% of men
#d2a027 Deuteranopia 1% of men
#ca9ca7 Tritanopia 0.001% of the population

Trichromacy

#bca61d Protanomaly 1% of men, 0.01% of women
#caa121 Deuteranomaly 6% of men, 0.4% of women
#c59f72 Tritanomaly 0.01% of the population

#bda316 hex color

#bda316 Color Information

#bda316 Color Conversion

Color Schemes with #bda316

Alternatives to #bda316

#bda316 Preview

Shades and Tints of #bda316

Tones of #bda316

Color Blindness Simulator