#bdc33f hex color

In a RGB color space, hex #bdc33f is composed of 74.1% red, 76.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 0% magenta, 67.7% yellow and 23.5% black. It has a hue angle of 62.7 degrees, a saturation of 52.4% and a lightness of 50.6%. #bdc33f color hex could be obtained by blending #ffff7e with #7b8700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 76
- B 25
RGB color chart
- C 3
- M 0
- Y 68
- K 24
CMYK color chart

● #bdc33f color description : Moderate yellow.

The hexadecimal color #bdc33f has RGB values of R:189, G:195, B:63 and CMYK values of C:0.03, M:0, Y:0.68, K:0.24. Its decimal value is 12436287.

Hex triplet	bdc33f	`#bdc33f`
RGB Decimal	189, 195, 63	`rgb(189,195,63)`
RGB Percent	74.1, 76.5, 24.7	`rgb(74.1%,76.5%,24.7%)`
CMYK	3, 0, 68, 24
HSL	62.7°, 52.4, 50.6	`hsl(62.7,52.4%,50.6%)`
HSV (or HSB)	62.7°, 67.7, 76.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.197, -18.39, 62.508
XYZ	41.398, 50.208, 12.213
xyY	0.399, 0.484, 50.208
CIE-LCH	76.197, 65.157, 106.394
CIE-LUV	76.197, 1.379, 74.619
Hunter-Lab	70.858, -19.713, 39.382
Binary	10111101, 11000011, 00111111

#bdc33f
```
#bdc33f rgb(189,195,63)
```
#453fc3
```
#453fc3 rgb(69,63,195)
```

Complementary Color

#c3873f
```
#c3873f rgb(195,135,63)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#7bc33f
```
#7bc33f rgb(123,195,63)
```

Analogous Color

#873fc3
```
#873fc3 rgb(135,63,195)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#3f7bc3
```
#3f7bc3 rgb(63,123,195)
```

Split Complementary Color

#c33fbd
```
#c33fbd rgb(195,63,189)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#3fbdc3
```
#3fbdc3 rgb(63,189,195)
```

Triadic Color

#c3453f
```
#c3453f rgb(195,69,63)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#3fbdc3
```
#3fbdc3 rgb(63,189,195)
```
#453fc3
```
#453fc3 rgb(69,63,195)
```

Tetradic Color

#868a2b
```
#868a2b rgb(134,138,43)
```
#999e31
```
#999e31 rgb(153,158,49)
```
#acb137
```
#acb137 rgb(172,177,55)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#c4c952
```
#c4c952 rgb(196,201,82)
```
#cacf66
```
#cacf66 rgb(202,207,102)
```
#d1d579
```
#d1d579 rgb(209,213,121)
```

Monochromatic Color

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

#c3a83f
```
#c3a83f rgb(195,168,63)
```
#c3b33f
```
#c3b33f rgb(195,179,63)
```
#c3be3f
```
#c3be3f rgb(195,190,63)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#b2c33f
```
#b2c33f rgb(178,195,63)
```
#a7c33f
```
#a7c33f rgb(167,195,63)
```
#9cc33f
```
#9cc33f rgb(156,195,63)
```

Similar Colors

Text with hexadecimal color #bdc33f

This text has a font color of #bdc33f.

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

#bdc33f background color

This paragraph has a background color of #bdc33f.

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

#bdc33f border color

This element has a border color of #bdc33f.

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

CSS codes

.text {color:#bdc33f;}

.background {background-color:#bdc33f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#111105
```
#111105 rgb(17,17,5)
```
#1f200a
```
#1f200a rgb(31,32,10)
```
#2e2f0f
```
#2e2f0f rgb(46,47,15)
```
#3c3e13
```
#3c3e13 rgb(60,62,19)
```
#4b4d18
```
#4b4d18 rgb(75,77,24)
```
#595c1d
```
#595c1d rgb(89,92,29)
```
#686b21
```
#686b21 rgb(104,107,33)
```
#767a26
```
#767a26 rgb(118,122,38)
```
#85892b
```
#85892b rgb(133,137,43)
```
#93982f
```
#93982f rgb(147,152,47)
```
#a1a734
```
#a1a734 rgb(161,167,52)
```
#b0b639
```
#b0b639 rgb(176,182,57)
```

Shade Color Variation

#bdc33f
```
#bdc33f rgb(189,195,63)
```
#c2c84e
```
#c2c84e rgb(194,200,78)
```
#c7cc5d
```
#c7cc5d rgb(199,204,93)
```
#ccd16c
```
#ccd16c rgb(204,209,108)
```
#d2d67b
```
#d2d67b rgb(210,214,123)
```
#d7da8a
```
#d7da8a rgb(215,218,138)
```
#dcdf99
```
#dcdf99 rgb(220,223,153)
```
#e1e4a8
```
#e1e4a8 rgb(225,228,168)
```
#e6e8b7
```
#e6e8b7 rgb(230,232,183)
```
#ebedc6
```
#ebedc6 rgb(235,237,198)
```
#f0f2d4
```
#f0f2d4 rgb(240,242,212)
```
#f6f6e3
```
#f6f6e3 rgb(246,246,227)
```
#fbfbf2
```
#fbfbf2 rgb(251,251,242)
```

Tint Color Variation

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

#888979
```
#888979 rgb(136,137,121)
```
#91936f
```
#91936f rgb(145,147,111)
```
#9a9c66
```
#9a9c66 rgb(154,156,102)
```
#a3a65c
```
#a3a65c rgb(163,166,92)
```
#abb052
```
#abb052 rgb(171,176,82)
```
#b4b949
```
#b4b949 rgb(180,185,73)
```
#bdc33f
```
#bdc33f rgb(189,195,63)
```
#c6cd35
```
#c6cd35 rgb(198,205,53)
```
#cfd62c
```
#cfd62c rgb(207,214,44)
```
#d7e022
```
#d7e022 rgb(215,224,34)
```
#e0ea18
```
#e0ea18 rgb(224,234,24)
```
#e9f30f
```
#e9f30f rgb(233,243,15)
```
#f2fd05
```
#f2fd05 rgb(242,253,5)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b4b59b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5bf47 Protanopia 1% of men
#ecb64f Deuteranopia 1% of men
#cdb9c7 Tritanopia 0.001% of the population

Trichromacy

#ccc044 Protanomaly 1% of men, 0.01% of women
#dbbb49 Deuteranomaly 6% of men, 0.4% of women
#c7bd95 Tritanomaly 0.01% of the population

#bdc33f hex color

#bdc33f Color Information

#bdc33f Color Conversion

Color Schemes with #bdc33f

Alternatives to #bdc33f

#bdc33f Preview

Shades and Tints of #bdc33f

Tones of #bdc33f

Color Blindness Simulator