colorhexa.com

#bd903f hex color

In a RGB color space, hex #bd903f is composed of 74.1% red, 56.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 66.7% yellow and 25.9% black. It has a hue angle of 38.6 degrees, a saturation of 50% and a lightness of 49.4%. #bd903f color hex could be obtained by blending #ffff7e with #7b2100. Closest websafe color is: #cc9933.

- R 74
- G 56
- B 25
RGB color chart
- C 0
- M 24
- Y 67
- K 26
CMYK color chart

● #bd903f color description : Moderate orange.

The hexadecimal color #bd903f has RGB values of R:189, G:144, B:63 and CMYK values of C:0, M:0.24, Y:0.67, K:0.26. Its decimal value is 12423231.

Hex triplet	bd903f	`#bd903f`
RGB Decimal	189, 144, 63	`rgb(189,144,63)`
RGB Percent	74.1, 56.5, 24.7	`rgb(74.1%,56.5%,24.7%)`
CMYK	0, 24, 67, 26
HSL	38.6°, 50, 49.4	`hsl(38.6,50%,49.4%)`
HSV (or HSB)	38.6°, 66.7, 74.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	62.614, 8.465, 48.315
XYZ	31.857, 31.126, 9.032
xyY	0.442, 0.432, 31.126
CIE-LCH	62.614, 49.051, 80.062
CIE-LUV	62.614, 36.216, 52.416
Hunter-Lab	55.791, 4.293, 29.454
Binary	10111101, 10010000, 00111111

#bd903f
```
#bd903f rgb(189,144,63)
```
#3f6cbd
```
#3f6cbd rgb(63,108,189)
```

Complementary Color

#bd513f
```
#bd513f rgb(189,81,63)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#abbd3f
```
#abbd3f rgb(171,189,63)
```

Analogous Color

#513fbd
```
#513fbd rgb(81,63,189)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#3fabbd
```
#3fabbd rgb(63,171,189)
```

Split Complementary Color

#903fbd
```
#903fbd rgb(144,63,189)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#3fbd90
```
#3fbd90 rgb(63,189,144)
```

Triadic Color

#bd3f6c
```
#bd3f6c rgb(189,63,108)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#3fbd90
```
#3fbd90 rgb(63,189,144)
```
#3f6cbd
```
#3f6cbd rgb(63,108,189)
```

Tetradic Color

#84642c
```
#84642c rgb(132,100,44)
```
#977332
```
#977332 rgb(151,115,50)
```
#aa8139
```
#aa8139 rgb(170,129,57)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#c59b51
```
#c59b51 rgb(197,155,81)
```
#cba664
```
#cba664 rgb(203,166,100)
```
#d2b177
```
#d2b177 rgb(210,177,119)
```

Monochromatic Color

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

#bd713f
```
#bd713f rgb(189,113,63)
```
#bd7b3f
```
#bd7b3f rgb(189,123,63)
```
#bd863f
```
#bd863f rgb(189,134,63)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#bd9b3f
```
#bd9b3f rgb(189,155,63)
```
#bda53f
```
#bda53f rgb(189,165,63)
```
#bdb03f
```
#bdb03f rgb(189,176,63)
```

Similar Colors

Text with hexadecimal color #bd903f

This text has a font color of #bd903f.

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

#bd903f background color

This paragraph has a background color of #bd903f.

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

#bd903f border color

This element has a border color of #bd903f.

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

CSS codes

.text {color:#bd903f;}

.background {background-color:#bd903f;}

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

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

#0c0904
```
#0c0904 rgb(12,9,4)
```
#1b1509
```
#1b1509 rgb(27,21,9)
```
#2a200e
```
#2a200e rgb(42,32,14)
```
#392b13
```
#392b13 rgb(57,43,19)
```
#473618
```
#473618 rgb(71,54,24)
```
#56421d
```
#56421d rgb(86,66,29)
```
#654d22
```
#654d22 rgb(101,77,34)
```
#735826
```
#735826 rgb(115,88,38)
```
#82632b
```
#82632b rgb(130,99,43)
```
#916e30
```
#916e30 rgb(145,110,48)
```
#a07a35
```
#a07a35 rgb(160,122,53)
```
#ae853a
```
#ae853a rgb(174,133,58)
```
#bd903f
```
#bd903f rgb(189,144,63)
```

Shade Color Variation

#c3994c
```
#c3994c rgb(195,153,76)
```
#c8a15b
```
#c8a15b rgb(200,161,91)
```
#cdaa6a
```
#cdaa6a rgb(205,170,106)
```
#d2b278
```
#d2b278 rgb(210,178,120)
```
#d7ba87
```
#d7ba87 rgb(215,186,135)
```
#dcc396
```
#dcc396 rgb(220,195,150)
```
#e1cba4
```
#e1cba4 rgb(225,203,164)
```
#e6d4b3
```
#e6d4b3 rgb(230,212,179)
```
#ebdcc2
```
#ebdcc2 rgb(235,220,194)
```
#f0e4d1
```
#f0e4d1 rgb(240,228,209)
```
#f4eddf
```
#f4eddf rgb(244,237,223)
```
#f9f5ee
```
#f9f5ee rgb(249,245,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#837f79
```
#837f79 rgb(131,127,121)
```
#8d826f
```
#8d826f rgb(141,130,111)
```
#968566
```
#968566 rgb(150,133,102)
```
#a0885c
```
#a0885c rgb(160,136,92)
```
#aa8a52
```
#aa8a52 rgb(170,138,82)
```
#b38d49
```
#b38d49 rgb(179,141,73)
```
#bd903f
```
#bd903f rgb(189,144,63)
```
#c79335
```
#c79335 rgb(199,147,53)
```
#d0962c
```
#d0962c rgb(208,150,44)
```
#da9822
```
#da9822 rgb(218,152,34)
```
#e49b18
```
#e49b18 rgb(228,155,24)
```
#ed9e0f
```
#ed9e0f rgb(237,158,15)
```
#f7a105
```
#f7a105 rgb(247,161,5)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#9c9383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9c4b Protanopia 1% of men
#c09549 Deuteranopia 1% of men
#c68d97 Tritanopia 0.001% of the population

Trichromacy

#b39846 Protanomaly 1% of men, 0.01% of women
#bf9345 Deuteranomaly 6% of men, 0.4% of women
#c38e77 Tritanomaly 0.01% of the population