#bde300 hex color

In a RGB color space, hex #bde300 is composed of 74.1% red, 89% green and 0% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 100% yellow and 11% black. It has a hue angle of 70 degrees, a saturation of 100% and a lightness of 44.5%. #bde300 color hex could be obtained by blending #ffff00 with #7bc700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 74
- G 89
- B 0
RGB color chart
- C 17
- M 0
- Y 100
- K 11
CMYK color chart

● #bde300 color description : Pure (or mostly pure) yellow.

The hexadecimal color #bde300 has RGB values of R:189, G:227, B:0 and CMYK values of C:0.17, M:0, Y:1, K:0.11. Its decimal value is 12444416.

Hex triplet	bde300	`#bde300`
RGB Decimal	189, 227, 0	`rgb(189,227,0)`
RGB Percent	74.1, 89, 0	`rgb(74.1%,89%,0%)`
CMYK	17, 0, 100, 11
HSL	70°, 100, 44.5	`hsl(70,100%,44.5%)`
HSV (or HSB)	70°, 100, 89
Web Safe	cccc00	`#cccc00`

CIE-LAB	84.872, -35.367, 83.264
XYZ	48.455, 65.757, 10.14
xyY	0.39, 0.529, 65.757
CIE-LCH	84.872, 90.464, 113.014
CIE-LUV	84.872, -17.529, 96.252
Hunter-Lab	81.09, -35.247, 49.35
Binary	10111101, 11100011, 00000000

#bde300
```
#bde300 rgb(189,227,0)
```
#2600e3
```
#2600e3 rgb(38,0,227)
```

Complementary Color

#e39800
```
#e39800 rgb(227,152,0)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#4ce300
```
#4ce300 rgb(76,227,0)
```

Analogous Color

#9800e3
```
#9800e3 rgb(152,0,227)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#004ce3
```
#004ce3 rgb(0,76,227)
```

Split Complementary Color

#e300bd
```
#e300bd rgb(227,0,189)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```

Triadic Color

#e32600
```
#e32600 rgb(227,38,0)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#00bde3
```
#00bde3 rgb(0,189,227)
```
#2600e3
```
#2600e3 rgb(38,0,227)
```

Tetradic Color

#7d9700
```
#7d9700 rgb(125,151,0)
```
#93b000
```
#93b000 rgb(147,176,0)
```
#a8ca00
```
#a8ca00 rgb(168,202,0)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#d2fd00
```
#d2fd00 rgb(210,253,0)
```
#d8ff17
```
#d8ff17 rgb(216,255,23)
```
#dcff31
```
#dcff31 rgb(220,255,49)
```

Monochromatic Color

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

#e3d000
```
#e3d000 rgb(227,208,0)
```
#e3e300
```
#e3e300 rgb(227,227,0)
```
#d0e300
```
#d0e300 rgb(208,227,0)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#aae300
```
#aae300 rgb(170,227,0)
```
#97e300
```
#97e300 rgb(151,227,0)
```
#84e300
```
#84e300 rgb(132,227,0)
```

Similar Colors

Text with hexadecimal color #bde300

This text has a font color of #bde300.

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

#bde300 background color

This paragraph has a background color of #bde300.

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

#bde300 border color

This element has a border color of #bde300.

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

CSS codes

.text {color:#bde300;}

.background {background-color:#bde300;}

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

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

#090b00
```
#090b00 rgb(9,11,0)
```
#1a1f00
```
#1a1f00 rgb(26,31,0)
```
#2a3200
```
#2a3200 rgb(42,50,0)
```
#3a4600
```
#3a4600 rgb(58,70,0)
```
#4b5a00
```
#4b5a00 rgb(75,90,0)
```
#5b6d00
```
#5b6d00 rgb(91,109,0)
```
#6b8100
```
#6b8100 rgb(107,129,0)
```
#7c9500
```
#7c9500 rgb(124,149,0)
```
#8ca800
```
#8ca800 rgb(140,168,0)
```
#9cbc00
```
#9cbc00 rgb(156,188,0)
```
#adcf00
```
#adcf00 rgb(173,207,0)
```
#bde300
```
#bde300 rgb(189,227,0)
```
#cdf700
```
#cdf700 rgb(205,247,0)
```

Shade Color Variation

#d6ff0b
```
#d6ff0b rgb(214,255,11)
```
#d9ff1f
```
#d9ff1f rgb(217,255,31)
```
#ddff32
```
#ddff32 rgb(221,255,50)
```
#e0ff46
```
#e0ff46 rgb(224,255,70)
```
#e3ff5a
```
#e3ff5a rgb(227,255,90)
```
#e7ff6d
```
#e7ff6d rgb(231,255,109)
```
#eaff81
```
#eaff81 rgb(234,255,129)
```
#edff95
```
#edff95 rgb(237,255,149)
```
#f0ffa8
```
#f0ffa8 rgb(240,255,168)
```
#f4ffbc
```
#f4ffbc rgb(244,255,188)
```
#f7ffcf
```
#f7ffcf rgb(247,255,207)
```
#faffe3
```
#faffe3 rgb(250,255,227)
```
#fefff7
```
#fefff7 rgb(254,255,247)
```

Tint Color Variation

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

#777a69
```
#777a69 rgb(119,122,105)
```
#7d8360
```
#7d8360 rgb(125,131,96)
```
#838c57
```
#838c57 rgb(131,140,87)
```
#89944f
```
#89944f rgb(137,148,79)
```
#8f9d46
```
#8f9d46 rgb(143,157,70)
```
#94a63d
```
#94a63d rgb(148,166,61)
```
#9aaf34
```
#9aaf34 rgb(154,175,52)
```
#a0b72c
```
#a0b72c rgb(160,183,44)
```
#a6c023
```
#a6c023 rgb(166,192,35)
```
#acc91a
```
#acc91a rgb(172,201,26)
```
#b1d211
```
#b1d211 rgb(177,210,17)
```
#b7da09
```
#b7da09 rgb(183,218,9)
```
#bde300
```
#bde300 rgb(189,227,0)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#bec598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d600 Protanopia 1% of men
#ffce7d Deuteranopia 1% of men
#d4d5e4 Tritanopia 0.001% of the population

Trichromacy

#dddb00 Protanomaly 1% of men, 0.01% of women
#e7d650 Deuteranomaly 6% of men, 0.4% of women
#cbda91 Tritanomaly 0.01% of the population

#bde300 hex color

#bde300 Color Information

#bde300 Color Conversion

Color Schemes with #bde300

Alternatives to #bde300

#bde300 Preview

Shades and Tints of #bde300

Tones of #bde300

Color Blindness Simulator