colorhexa.com

#bd981c hex color

In a RGB color space, hex #bd981c is composed of 74.1% red, 59.6% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 85.2% yellow and 25.9% black. It has a hue angle of 46.2 degrees, a saturation of 74.2% and a lightness of 42.5%. #bd981c color hex could be obtained by blending #ffff38 with #7b3100. Closest websafe color is: #cc9933.

- R 74
- G 60
- B 11
RGB color chart
- C 0
- M 20
- Y 85
- K 26
CMYK color chart

● #bd981c color description : Strong yellow.

The hexadecimal color #bd981c has RGB values of R:189, G:152, B:28 and CMYK values of C:0, M:0.2, Y:0.85, K:0.26. Its decimal value is 12425244.

Hex triplet	bd981c	`#bd981c`
RGB Decimal	189, 152, 28	`rgb(189,152,28)`
RGB Percent	74.1, 59.6, 11	`rgb(74.1%,59.6%,11%)`
CMYK	0, 20, 85, 26
HSL	46.2°, 74.2, 42.5	`hsl(46.2,74.2%,42.5%)`
HSV (or HSB)	46.2°, 85.2, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.452, 2.592, 63.328
XYZ	32.425, 33.361, 5.83
xyY	0.453, 0.466, 33.361
CIE-LCH	64.452, 63.381, 87.656
CIE-LUV	64.452, 31.702, 64.72
Hunter-Lab	57.759, -0.871, 34.447
Binary	10111101, 10011000, 00011100

#bd981c
```
#bd981c rgb(189,152,28)
```
#1c41bd
```
#1c41bd rgb(28,65,189)
```

Complementary Color

#bd481c
```
#bd481c rgb(189,72,28)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#92bd1c
```
#92bd1c rgb(146,189,28)
```

Analogous Color

#471cbd
```
#471cbd rgb(71,28,189)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#1c92bd
```
#1c92bd rgb(28,146,189)
```

Split Complementary Color

#981cbd
```
#981cbd rgb(152,28,189)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#1cbd98
```
#1cbd98 rgb(28,189,152)
```

Triadic Color

#bd1c41
```
#bd1c41 rgb(189,28,65)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#1cbd98
```
#1cbd98 rgb(28,189,152)
```
#1c41bd
```
#1c41bd rgb(28,65,189)
```

Tetradic Color

#7a6212
```
#7a6212 rgb(122,98,18)
```
#917415
```
#917415 rgb(145,116,21)
```
#a78619
```
#a78619 rgb(167,134,25)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#d3aa1f
```
#d3aa1f rgb(211,170,31)
```
#e0b72c
```
#e0b72c rgb(224,183,44)
```
#e3be42
```
#e3be42 rgb(227,190,66)
```

Monochromatic Color

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

#bd701c
```
#bd701c rgb(189,112,28)
```
#bd7d1c
```
#bd7d1c rgb(189,125,28)
```
#bd8b1c
```
#bd8b1c rgb(189,139,28)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#bda51c
```
#bda51c rgb(189,165,28)
```
#bdb31c
```
#bdb31c rgb(189,179,28)
```
#babd1c
```
#babd1c rgb(186,189,28)
```

Similar Colors

Text with hexadecimal color #bd981c

This text has a font color of #bd981c.

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

#bd981c background color

This paragraph has a background color of #bd981c.

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

#bd981c border color

This element has a border color of #bd981c.

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

CSS codes

.text {color:#bd981c;}

.background {background-color:#bd981c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231c05
```
#231c05 rgb(35,28,5)
```
#342a08
```
#342a08 rgb(52,42,8)
```
#45380a
```
#45380a rgb(69,56,10)
```
#56460d
```
#56460d rgb(86,70,13)
```
#68530f
```
#68530f rgb(104,83,15)
```
#796112
```
#796112 rgb(121,97,18)
```
#8a6f14
```
#8a6f14 rgb(138,111,20)
```
#9b7d17
```
#9b7d17 rgb(155,125,23)
```
#ac8a19
```
#ac8a19 rgb(172,138,25)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#cea61f
```
#cea61f rgb(206,166,31)
```

Shade Color Variation

#deb322
```
#deb322 rgb(222,179,34)
```
#e1b933
```
#e1b933 rgb(225,185,51)
```
#e3bf44
```
#e3bf44 rgb(227,191,68)
```
#e6c555
```
#e6c555 rgb(230,197,85)
```
#e8ca66
```
#e8ca66 rgb(232,202,102)
```
#ebd077
```
#ebd077 rgb(235,208,119)
```
#edd688
```
#edd688 rgb(237,214,136)
```
#f0dc9a
```
#f0dc9a rgb(240,220,154)
```
#f3e2ab
```
#f3e2ab rgb(243,226,171)
```
#f5e8bc
```
#f5e8bc rgb(245,232,188)
```
#f8eecd
```
#f8eecd rgb(248,238,205)
```
#faf4de
```
#faf4de rgb(250,244,222)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#726f67
```
#726f67 rgb(114,111,103)
```
#7a745f
```
#7a745f rgb(122,116,95)
```
#837856
```
#837856 rgb(131,120,86)
```
#8b7d4e
```
#8b7d4e rgb(139,125,78)
```
#938146
```
#938146 rgb(147,129,70)
```
#9c863d
```
#9c863d rgb(156,134,61)
```
#a48a35
```
#a48a35 rgb(164,138,53)
```
#ac8f2d
```
#ac8f2d rgb(172,143,45)
```
#b59324
```
#b59324 rgb(181,147,36)
```
#bd981c
```
#bd981c rgb(189,152,28)
```
#c59d14
```
#c59d14 rgb(197,157,20)
```
#cea10b
```
#cea10b rgb(206,161,11)
```
#d6a603
```
#d6a603 rgb(214,166,3)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#9d967d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4a128 Protanopia 1% of men
#c9992a Deuteranopia 1% of men
#c8939d Tritanopia 0.001% of the population

Trichromacy

#b79e24 Protanomaly 1% of men, 0.01% of women
#c49925 Deuteranomaly 6% of men, 0.4% of women
#c4946e Tritanomaly 0.01% of the population