#bdf501 hex color

In a RGB color space, hex #bdf501 is composed of 74.1% red, 96.1% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 73.8 degrees, a saturation of 99.2% and a lightness of 48.2%. #bdf501 color hex could be obtained by blending #ffff02 with #7beb00. Closest websafe color is: #ccff00.

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

● #bdf501 color description : Vivid yellow.

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

Hex triplet	bdf501	`#bdf501`
RGB Decimal	189, 245, 1	`rgb(189,245,1)`
RGB Percent	74.1, 96.1, 0.4	`rgb(74.1%,96.1%,0.4%)`
CMYK	23, 0, 100, 4
HSL	73.8°, 99.2, 48.2	`hsl(73.8,99.2%,48.2%)`
HSV (or HSB)	73.8°, 99.6, 96.1
Web Safe	ccff00	`#ccff00`

CIE-LAB	89.917, -43.338, 87.004
XYZ	53.643, 76.125, 11.896
xyY	0.379, 0.537, 76.125
CIE-LCH	89.917, 97.2, 116.478
CIE-LUV	89.917, -27.54, 103.017
Hunter-Lab	87.25, -42.94, 52.991
Binary	10111101, 11110101, 00000001

#bdf501
```
#bdf501 rgb(189,245,1)
```
#3901f5
```
#3901f5 rgb(57,1,245)
```

Complementary Color

#f5b301
```
#f5b301 rgb(245,179,1)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#43f501
```
#43f501 rgb(67,245,1)
```

Analogous Color

#b301f5
```
#b301f5 rgb(179,1,245)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#0143f5
```
#0143f5 rgb(1,67,245)
```

Split Complementary Color

#f501bd
```
#f501bd rgb(245,1,189)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#01bdf5
```
#01bdf5 rgb(1,189,245)
```

Triadic Color

#f53901
```
#f53901 rgb(245,57,1)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#01bdf5
```
#01bdf5 rgb(1,189,245)
```
#3901f5
```
#3901f5 rgb(57,1,245)
```

Tetradic Color

#82a901
```
#82a901 rgb(130,169,1)
```
#96c201
```
#96c201 rgb(150,194,1)
```
#a9dc01
```
#a9dc01 rgb(169,220,1)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#c8fe11
```
#c8fe11 rgb(200,254,17)
```
#cefe2b
```
#cefe2b rgb(206,254,43)
```
#d4fe44
```
#d4fe44 rgb(212,254,68)
```

Monochromatic Color

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

#f5f001
```
#f5f001 rgb(245,240,1)
```
#e6f501
```
#e6f501 rgb(230,245,1)
```
#d1f501
```
#d1f501 rgb(209,245,1)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```
#a9f501
```
#a9f501 rgb(169,245,1)
```
#94f501
```
#94f501 rgb(148,245,1)
```
#80f501
```
#80f501 rgb(128,245,1)
```

Similar Colors

Text with hexadecimal color #bdf501

This text has a font color of #bdf501.

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

#bdf501 background color

This paragraph has a background color of #bdf501.

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

#bdf501 border color

This element has a border color of #bdf501.

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

CSS codes

.text {color:#bdf501;}

.background {background-color:#bdf501;}

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

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, #080b00 is the darkest color, while #fdfff6 is the lightest one.

#080b00
```
#080b00 rgb(8,11,0)
```
#171e00
```
#171e00 rgb(23,30,0)
```
#263200
```
#263200 rgb(38,50,0)
```
#354500
```
#354500 rgb(53,69,0)
```
#445900
```
#445900 rgb(68,89,0)
```
#546c00
```
#546c00 rgb(84,108,0)
```
#638001
```
#638001 rgb(99,128,1)
```
#729301
```
#729301 rgb(114,147,1)
```
#81a701
```
#81a701 rgb(129,167,1)
```
#90ba01
```
#90ba01 rgb(144,186,1)
```
#9fce01
```
#9fce01 rgb(159,206,1)
```
#aee101
```
#aee101 rgb(174,225,1)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```

Shade Color Variation

#c6fe0c
```
#c6fe0c rgb(198,254,12)
```
#cbfe1f
```
#cbfe1f rgb(203,254,31)
```
#cffe33
```
#cffe33 rgb(207,254,51)
```
#d4fe46
```
#d4fe46 rgb(212,254,70)
```
#d9fe5a
```
#d9fe5a rgb(217,254,90)
```
#ddfe6d
```
#ddfe6d rgb(221,254,109)
```
#e2fe81
```
#e2fe81 rgb(226,254,129)
```
#e6ff94
```
#e6ff94 rgb(230,255,148)
```
#ebffa8
```
#ebffa8 rgb(235,255,168)
```
#efffbb
```
#efffbb rgb(239,255,187)
```
#f4ffcf
```
#f4ffcf rgb(244,255,207)
```
#f8ffe3
```
#f8ffe3 rgb(248,255,227)
```
#fdfff6
```
#fdfff6 rgb(253,255,246)
```

Tint Color Variation

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

#808373
```
#808373 rgb(128,131,115)
```
#858d69
```
#858d69 rgb(133,141,105)
```
#8a9660
```
#8a9660 rgb(138,150,96)
```
#8fa056
```
#8fa056 rgb(143,160,86)
```
#94a94d
```
#94a94d rgb(148,169,77)
```
#99b343
```
#99b343 rgb(153,179,67)
```
#9ebc3a
```
#9ebc3a rgb(158,188,58)
```
#a3c630
```
#a3c630 rgb(163,198,48)
```
#a9cf27
```
#a9cf27 rgb(169,207,39)
```
#aed91d
```
#aed91d rgb(174,217,29)
```
#b3e214
```
#b3e214 rgb(179,226,20)
```
#b8ec0a
```
#b8ec0a rgb(184,236,10)
```
#bdf501
```
#bdf501 rgb(189,245,1)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c6d1a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e7ea1d Protanomaly 1% of men, 0.01% of women
#e7e672 Deuteranomaly 6% of men, 0.4% of women
#ceea9c Tritanomaly 0.01% of the population

#bdf501 hex color

#bdf501 Color Information

#bdf501 Color Conversion

Color Schemes with #bdf501

Alternatives to #bdf501

#bdf501 Preview

Shades and Tints of #bdf501

Tones of #bdf501

Color Blindness Simulator