#bdd80f hex color

In a RGB color space, hex #bdd80f is composed of 74.1% red, 84.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 12.5% cyan, 0% magenta, 93.1% yellow and 15.3% black. It has a hue angle of 68.1 degrees, a saturation of 87% and a lightness of 45.3%. #bdd80f color hex could be obtained by blending #ffff1e with #7bb100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 85
- B 6
RGB color chart
- C 13
- M 0
- Y 93
- K 15
CMYK color chart

● #bdd80f color description : Strong yellow.

The hexadecimal color #bdd80f has RGB values of R:189, G:216, B:15 and CMYK values of C:0.13, M:0, Y:0.93, K:0.15. Its decimal value is 12441615.

Hex triplet	bdd80f	`#bdd80f`
RGB Decimal	189, 216, 15	`rgb(189,216,15)`
RGB Percent	74.1, 84.7, 5.9	`rgb(74.1%,84.7%,5.9%)`
CMYK	13, 0, 93, 15
HSL	68.1°, 87, 45.3	`hsl(68.1,87%,45.3%)`
HSV (or HSB)	68.1°, 93.1, 84.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.819, -30.132, 79.568
XYZ	45.628, 59.965, 9.623
xyY	0.396, 0.52, 59.965
CIE-LCH	81.819, 85.082, 110.741
CIE-LUV	81.819, -11.115, 91.231
Hunter-Lab	77.437, -30.338, 46.838
Binary	10111101, 11011000, 00001111

#bdd80f
```
#bdd80f rgb(189,216,15)
```
#2a0fd8
```
#2a0fd8 rgb(42,15,216)
```

Complementary Color

#d88f0f
```
#d88f0f rgb(216,143,15)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#59d80f
```
#59d80f rgb(89,216,15)
```

Analogous Color

#8f0fd8
```
#8f0fd8 rgb(143,15,216)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#0f59d8
```
#0f59d8 rgb(15,89,216)
```

Split Complementary Color

#d80fbd
```
#d80fbd rgb(216,15,189)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#0fbdd8
```
#0fbdd8 rgb(15,189,216)
```

Triadic Color

#d82a0f
```
#d82a0f rgb(216,42,15)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#0fbdd8
```
#0fbdd8 rgb(15,189,216)
```
#2a0fd8
```
#2a0fd8 rgb(42,15,216)
```

Tetradic Color

#7e900a
```
#7e900a rgb(126,144,10)
```
#93a80c
```
#93a80c rgb(147,168,12)
```
#a8c00d
```
#a8c00d rgb(168,192,13)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#d1ef12
```
#d1ef12 rgb(209,239,18)
```
#d6f02a
```
#d6f02a rgb(214,240,42)
```
#daf242
```
#daf242 rgb(218,242,66)
```

Monochromatic Color

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

#d8c10f
```
#d8c10f rgb(216,193,15)
```
#d8d20f
```
#d8d20f rgb(216,210,15)
```
#ced80f
```
#ced80f rgb(206,216,15)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#acd80f
```
#acd80f rgb(172,216,15)
```
#9cd80f
```
#9cd80f rgb(156,216,15)
```
#8bd80f
```
#8bd80f rgb(139,216,15)
```

Similar Colors

Text with hexadecimal color #bdd80f

This text has a font color of #bdd80f.

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

#bdd80f background color

This paragraph has a background color of #bdd80f.

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

#bdd80f border color

This element has a border color of #bdd80f.

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

CSS codes

.text {color:#bdd80f;}

.background {background-color:#bdd80f;}

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

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

#0c0e01
```
#0c0e01 rgb(12,14,1)
```
#1d2102
```
#1d2102 rgb(29,33,2)
```
#2d3304
```
#2d3304 rgb(45,51,4)
```
#3d4505
```
#3d4505 rgb(61,69,5)
```
#4d5806
```
#4d5806 rgb(77,88,6)
```
#5d6a07
```
#5d6a07 rgb(93,106,7)
```
#6d7c09
```
#6d7c09 rgb(109,124,9)
```
#7d8f0a
```
#7d8f0a rgb(125,143,10)
```
#8da10b
```
#8da10b rgb(141,161,11)
```
#9db30c
```
#9db30c rgb(157,179,12)
```
#adc60e
```
#adc60e rgb(173,198,14)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#cdea10
```
#cdea10 rgb(205,234,16)
```

Shade Color Variation

#d3ef1f
```
#d3ef1f rgb(211,239,31)
```
#d7f131
```
#d7f131 rgb(215,241,49)
```
#dbf243
```
#dbf243 rgb(219,242,67)
```
#def356
```
#def356 rgb(222,243,86)
```
#e2f568
```
#e2f568 rgb(226,245,104)
```
#e5f67b
```
#e5f67b rgb(229,246,123)
```
#e9f78d
```
#e9f78d rgb(233,247,141)
```
#ecf89f
```
#ecf89f rgb(236,248,159)
```
#f0fab2
```
#f0fab2 rgb(240,250,178)
```
#f4fbc4
```
#f4fbc4 rgb(244,251,196)
```
#f7fcd6
```
#f7fcd6 rgb(247,252,214)
```
#fbfde9
```
#fbfde9 rgb(251,253,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#767671
```
#767671 rgb(118,118,113)
```
#7c7f68
```
#7c7f68 rgb(124,127,104)
```
#83885f
```
#83885f rgb(131,136,95)
```
#899156
```
#899156 rgb(137,145,86)
```
#909a4d
```
#909a4d rgb(144,154,77)
```
#96a344
```
#96a344 rgb(150,163,68)
```
#9dac3b
```
#9dac3b rgb(157,172,59)
```
#a3b433
```
#a3b433 rgb(163,180,51)
```
#aabd2a
```
#aabd2a rgb(170,189,42)
```
#b0c621
```
#b0c621 rgb(176,198,33)
```
#b7cf18
```
#b7cf18 rgb(183,207,24)
```
#bdd80f
```
#bdd80f rgb(189,216,15)
```
#c3e106
```
#c3e106 rgb(195,225,6)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#babf97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7ce16 Protanopia 1% of men
#ffc446 Deuteranopia 1% of men
#d2cbda Tritanopia 0.001% of the population

Trichromacy

#d7d113 Protanomaly 1% of men, 0.01% of women
#e7cb32 Deuteranomaly 6% of men, 0.4% of women
#cad090 Tritanomaly 0.01% of the population

#bdd80f hex color

#bdd80f Color Information

#bdd80f Color Conversion

Color Schemes with #bdd80f

Alternatives to #bdd80f

#bdd80f Preview

Shades and Tints of #bdd80f

Tones of #bdd80f

Color Blindness Simulator