#bdf50d hex color

In a RGB color space, hex #bdf50d is composed of 74.1% red, 96.1% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 94.7% yellow and 3.9% black. It has a hue angle of 74.5 degrees, a saturation of 92.1% and a lightness of 50.6%. #bdf50d color hex could be obtained by blending #ffff1a with #7beb00. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 74
- G 96
- B 5
RGB color chart
- C 23
- M 0
- Y 95
- K 4
CMYK color chart

● #bdf50d color description : Vivid yellow.

The hexadecimal color #bdf50d has RGB values of R:189, G:245, B:13 and CMYK values of C:0.23, M:0, Y:0.95, K:0.04. Its decimal value is 12449037.

Hex triplet	bdf50d	`#bdf50d`
RGB Decimal	189, 245, 13	`rgb(189,245,13)`
RGB Percent	74.1, 96.1, 5.1	`rgb(74.1%,96.1%,5.1%)`
CMYK	23, 0, 95, 4
HSL	74.5°, 92.1, 50.6	`hsl(74.5,92.1%,50.6%)`
HSV (or HSB)	74.5°, 94.7, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.93, -43.219, 86.087
XYZ	53.711, 76.152, 12.25
xyY	0.378, 0.536, 76.152
CIE-LCH	89.93, 96.327, 116.658
CIE-LUV	89.93, -27.542, 102.453
Hunter-Lab	87.265, -42.849, 52.763
Binary	10111101, 11110101, 00001101

#bdf50d
```
#bdf50d rgb(189,245,13)
```
#450df5
```
#450df5 rgb(69,13,245)
```

Complementary Color

#f5b90d
```
#f5b90d rgb(245,185,13)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#49f50d
```
#49f50d rgb(73,245,13)
```

Analogous Color

#b90df5
```
#b90df5 rgb(185,13,245)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#0d49f5
```
#0d49f5 rgb(13,73,245)
```

Split Complementary Color

#f50dbd
```
#f50dbd rgb(245,13,189)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#0dbdf5
```
#0dbdf5 rgb(13,189,245)
```

Triadic Color

#f5450d
```
#f5450d rgb(245,69,13)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#0dbdf5
```
#0dbdf5 rgb(13,189,245)
```
#450df5
```
#450df5 rgb(69,13,245)
```

Tetradic Color

#86ae07
```
#86ae07 rgb(134,174,7)
```
#99c708
```
#99c708 rgb(153,199,8)
```
#acdf09
```
#acdf09 rgb(172,223,9)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#c4f625
```
#c4f625 rgb(196,246,37)
```
#caf73e
```
#caf73e rgb(202,247,62)
```
#d1f856
```
#d1f856 rgb(209,248,86)
```

Monochromatic Color

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

#f5f30d
```
#f5f30d rgb(245,243,13)
```
#e4f50d
```
#e4f50d rgb(228,245,13)
```
#d0f50d
```
#d0f50d rgb(208,245,13)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#aaf50d
```
#aaf50d rgb(170,245,13)
```
#96f50d
```
#96f50d rgb(150,245,13)
```
#83f50d
```
#83f50d rgb(131,245,13)
```

Similar Colors

Text with hexadecimal color #bdf50d

This text has a font color of #bdf50d.

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

#bdf50d background color

This paragraph has a background color of #bdf50d.

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

#bdf50d border color

This element has a border color of #bdf50d.

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

CSS codes

.text {color:#bdf50d;}

.background {background-color:#bdf50d;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#111601
```
#111601 rgb(17,22,1)
```
#1f2902
```
#1f2902 rgb(31,41,2)
```
#2e3b02
```
#2e3b02 rgb(46,59,2)
```
#3c4e03
```
#3c4e03 rgb(60,78,3)
```
#4b6104
```
#4b6104 rgb(75,97,4)
```
#597405
```
#597405 rgb(89,116,5)
```
#688706
```
#688706 rgb(104,135,6)
```
#769a06
```
#769a06 rgb(118,154,6)
```
#85ac07
```
#85ac07 rgb(133,172,7)
```
#93bf08
```
#93bf08 rgb(147,191,8)
```
#a1d209
```
#a1d209 rgb(161,210,9)
```
#b0e509
```
#b0e509 rgb(176,229,9)
```

Shade Color Variation

#bdf50d
```
#bdf50d rgb(189,245,13)
```
#c2f620
```
#c2f620 rgb(194,246,32)
```
#c7f733
```
#c7f733 rgb(199,247,51)
```
#ccf746
```
#ccf746 rgb(204,247,70)
```
#d2f858
```
#d2f858 rgb(210,248,88)
```
#d7f96b
```
#d7f96b rgb(215,249,107)
```
#dcfa7e
```
#dcfa7e rgb(220,250,126)
```
#e1fa91
```
#e1fa91 rgb(225,250,145)
```
#e6fba4
```
#e6fba4 rgb(230,251,164)
```
#ebfcb7
```
#ebfcb7 rgb(235,252,183)
```
#f0fdc9
```
#f0fdc9 rgb(240,253,201)
```
#f6fedc
```
#f6fedc rgb(246,254,220)
```
#fbfeef
```
#fbfeef rgb(251,254,239)
```

Tint Color Variation

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

#868a78
```
#868a78 rgb(134,138,120)
```
#8b946e
```
#8b946e rgb(139,148,110)
```
#909e64
```
#909e64 rgb(144,158,100)
```
#95a75b
```
#95a75b rgb(149,167,91)
```
#9ab151
```
#9ab151 rgb(154,177,81)
```
#9fbb47
```
#9fbb47 rgb(159,187,71)
```
#a4c53d
```
#a4c53d rgb(164,197,61)
```
#a9ce34
```
#a9ce34 rgb(169,206,52)
```
#aed82a
```
#aed82a rgb(174,216,42)
```
#b3e220
```
#b3e220 rgb(179,226,32)
```
#b8eb17
```
#b8eb17 rgb(184,235,23)
```
#bdf50d
```
#bdf50d rgb(189,245,13)
```
#c2ff03
```
#c2ff03 rgb(194,255,3)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c7d3a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe42f Protanopia 1% of men
#ffdeb3 Deuteranopia 1% of men
#d7e5f5 Tritanopia 0.001% of the population

Trichromacy

#e7ea22 Protanomaly 1% of men, 0.01% of women
#e7e677 Deuteranomaly 6% of men, 0.4% of women
#cdeaa1 Tritanomaly 0.01% of the population

#bdf50d hex color

#bdf50d Color Information

#bdf50d Color Conversion

Color Schemes with #bdf50d

Alternatives to #bdf50d

#bdf50d Preview

Shades and Tints of #bdf50d

Tones of #bdf50d

Color Blindness Simulator