#bde504 hex color

In a RGB color space, hex #bde504 is composed of 74.1% red, 89.8% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 17.5% cyan, 0% magenta, 98.3% yellow and 10.2% black. It has a hue angle of 70.7 degrees, a saturation of 96.6% and a lightness of 45.7%. #bde504 color hex could be obtained by blending #ffff08 with #7bcb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 90
- B 2
RGB color chart
- C 17
- M 0
- Y 98
- K 10
CMYK color chart

● #bde504 color description : Vivid yellow.

The hexadecimal color #bde504 has RGB values of R:189, G:229, B:4 and CMYK values of C:0.17, M:0, Y:0.98, K:0.1. Its decimal value is 12444932.

Hex triplet	bde504	`#bde504`
RGB Decimal	189, 229, 4	`rgb(189,229,4)`
RGB Percent	74.1, 89.8, 1.6	`rgb(74.1%,89.8%,1.6%)`
CMYK	17, 0, 98, 10
HSL	70.7°, 96.6, 45.7	`hsl(70.7,96.6%,45.7%)`
HSV (or HSB)	70.7°, 98.3, 89.8
Web Safe	cccc00	`#cccc00`

CIE-LAB	85.436, -36.233, 83.355
XYZ	49.027, 66.866, 10.438
xyY	0.388, 0.529, 66.866
CIE-LCH	85.436, 90.889, 113.494
CIE-LUV	85.436, -18.677, 96.813
Hunter-Lab	81.771, -36.078, 49.671
Binary	10111101, 11100101, 00000100

#bde504
```
#bde504 rgb(189,229,4)
```
#2c04e5
```
#2c04e5 rgb(44,4,229)
```

Complementary Color

#e59d04
```
#e59d04 rgb(229,157,4)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#4de504
```
#4de504 rgb(77,229,4)
```

Analogous Color

#9d04e5
```
#9d04e5 rgb(157,4,229)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#044de5
```
#044de5 rgb(4,77,229)
```

Split Complementary Color

#e504bd
```
#e504bd rgb(229,4,189)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#04bde5
```
#04bde5 rgb(4,189,229)
```

Triadic Color

#e52c04
```
#e52c04 rgb(229,44,4)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#04bde5
```
#04bde5 rgb(4,189,229)
```
#2c04e5
```
#2c04e5 rgb(44,4,229)
```

Tetradic Color

#7f9a03
```
#7f9a03 rgb(127,154,3)
```
#94b303
```
#94b303 rgb(148,179,3)
```
#a8cc04
```
#a8cc04 rgb(168,204,4)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#d0fb08
```
#d0fb08 rgb(208,251,8)
```
#d4fb21
```
#d4fb21 rgb(212,251,33)
```
#d9fc3a
```
#d9fc3a rgb(217,252,58)
```

Monochromatic Color

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

#e5d504
```
#e5d504 rgb(229,213,4)
```
#e3e504
```
#e3e504 rgb(227,229,4)
```
#d0e504
```
#d0e504 rgb(208,229,4)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#aae504
```
#aae504 rgb(170,229,4)
```
#98e504
```
#98e504 rgb(152,229,4)
```
#85e504
```
#85e504 rgb(133,229,4)
```

Similar Colors

Text with hexadecimal color #bde504

This text has a font color of #bde504.

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

#bde504 background color

This paragraph has a background color of #bde504.

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

#bde504 border color

This element has a border color of #bde504.

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

CSS codes

.text {color:#bde504;}

.background {background-color:#bde504;}

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

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

#0e1100
```
#0e1100 rgb(14,17,0)
```
#1e2401
```
#1e2401 rgb(30,36,1)
```
#2e3701
```
#2e3701 rgb(46,55,1)
```
#3e4b01
```
#3e4b01 rgb(62,75,1)
```
#4e5e02
```
#4e5e02 rgb(78,94,2)
```
#5e7102
```
#5e7102 rgb(94,113,2)
```
#6d8502
```
#6d8502 rgb(109,133,2)
```
#7d9803
```
#7d9803 rgb(125,152,3)
```
#8dab03
```
#8dab03 rgb(141,171,3)
```
#9dbe03
```
#9dbe03 rgb(157,190,3)
```
#add204
```
#add204 rgb(173,210,4)
```
#bde504
```
#bde504 rgb(189,229,4)
```
#cdf804
```
#cdf804 rgb(205,248,4)
```

Shade Color Variation

#d2fb15
```
#d2fb15 rgb(210,251,21)
```
#d6fb29
```
#d6fb29 rgb(214,251,41)
```
#dafc3c
```
#dafc3c rgb(218,252,60)
```
#ddfc4f
```
#ddfc4f rgb(221,252,79)
```
#e1fc62
```
#e1fc62 rgb(225,252,98)
```
#e5fd76
```
#e5fd76 rgb(229,253,118)
```
#e8fd89
```
#e8fd89 rgb(232,253,137)
```
#ecfd9c
```
#ecfd9c rgb(236,253,156)
```
#f0feb0
```
#f0feb0 rgb(240,254,176)
```
#f3fec3
```
#f3fec3 rgb(243,254,195)
```
#f7fed6
```
#f7fed6 rgb(247,254,214)
```
#fbffe9
```
#fbffe9 rgb(251,255,233)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#787970
```
#787970 rgb(120,121,112)
```
#7d8267
```
#7d8267 rgb(125,130,103)
```
#838b5e
```
#838b5e rgb(131,139,94)
```
#899455
```
#899455 rgb(137,148,85)
```
#8f9d4c
```
#8f9d4c rgb(143,157,76)
```
#95a643
```
#95a643 rgb(149,166,67)
```
#9aaf3a
```
#9aaf3a rgb(154,175,58)
```
#a0b831
```
#a0b831 rgb(160,184,49)
```
#a6c128
```
#a6c128 rgb(166,193,40)
```
#acca1f
```
#acca1f rgb(172,202,31)
```
#b1d316
```
#b1d316 rgb(177,211,22)
```
#b7dc0d
```
#b7dc0d rgb(183,220,13)
```
#bde504
```
#bde504 rgb(189,229,4)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfc79a Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d800 Protanopia 1% of men
#ffd085 Deuteranopia 1% of men
#d4d6e6 Tritanopia 0.001% of the population

Trichromacy

#dedc01 Protanomaly 1% of men, 0.01% of women
#e7d756 Deuteranomaly 6% of men, 0.4% of women
#ccdc94 Tritanomaly 0.01% of the population

#bde504 hex color

#bde504 Color Information

#bde504 Color Conversion

Color Schemes with #bde504

Alternatives to #bde504

#bde504 Preview

Shades and Tints of #bde504

Tones of #bde504

Color Blindness Simulator