#bdd300 hex color

In a RGB color space, hex #bdd300 is composed of 74.1% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 100% yellow and 17.3% black. It has a hue angle of 66.3 degrees, a saturation of 100% and a lightness of 41.4%. #bdd300 color hex could be obtained by blending #ffff00 with #7ba700. Closest websafe color is: #cccc00.

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

● #bdd300 color description : Strong yellow.

The hexadecimal color #bdd300 has RGB values of R:189, G:211, B:0 and CMYK values of C:0.1, M:0, Y:1, K:0.17. Its decimal value is 12440320.

Hex triplet	bdd300	`#bdd300`
RGB Decimal	189, 211, 0	`rgb(189,211,0)`
RGB Percent	74.1, 82.7, 0	`rgb(74.1%,82.7%,0%)`
CMYK	10, 0, 100, 17
HSL	66.3°, 100, 41.4	`hsl(66.3,100%,41.4%)`
HSV (or HSB)	66.3°, 100, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.408, -27.943, 79.92
XYZ	44.28, 57.407, 8.748
xyY	0.401, 0.52, 57.407
CIE-LCH	80.408, 84.665, 109.272
CIE-LUV	80.408, -8.071, 90.151
Hunter-Lab	75.768, -28.274, 46.192
Binary	10111101, 11010011, 00000000

#bdd300
```
#bdd300 rgb(189,211,0)
```
#1600d3
```
#1600d3 rgb(22,0,211)
```

Complementary Color

#d38000
```
#d38000 rgb(211,128,0)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#53d300
```
#53d300 rgb(83,211,0)
```

Analogous Color

#8000d3
```
#8000d3 rgb(128,0,211)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#0053d3
```
#0053d3 rgb(0,83,211)
```

Split Complementary Color

#d300bd
```
#d300bd rgb(211,0,189)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#00bdd3
```
#00bdd3 rgb(0,189,211)
```

Triadic Color

#d31600
```
#d31600 rgb(211,22,0)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#00bdd3
```
#00bdd3 rgb(0,189,211)
```
#1600d3
```
#1600d3 rgb(22,0,211)
```

Tetradic Color

#788700
```
#788700 rgb(120,135,0)
```
#8fa000
```
#8fa000 rgb(143,160,0)
```
#a6ba00
```
#a6ba00 rgb(166,186,0)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#d4ed00
```
#d4ed00 rgb(212,237,0)
```
#e5ff07
```
#e5ff07 rgb(229,255,7)
```
#e8ff21
```
#e8ff21 rgb(232,255,33)
```

Monochromatic Color

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

#d3b400
```
#d3b400 rgb(211,180,0)
```
#d3c600
```
#d3c600 rgb(211,198,0)
```
#cfd300
```
#cfd300 rgb(207,211,0)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#abd300
```
#abd300 rgb(171,211,0)
```
#9ad300
```
#9ad300 rgb(154,211,0)
```
#88d300
```
#88d300 rgb(136,211,0)
```

Similar Colors

Text with hexadecimal color #bdd300

This text has a font color of #bdd300.

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

#bdd300 background color

This paragraph has a background color of #bdd300.

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

#bdd300 border color

This element has a border color of #bdd300.

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

CSS codes

.text {color:#bdd300;}

.background {background-color:#bdd300;}

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

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

#0d0f00
```
#0d0f00 rgb(13,15,0)
```
#1f2200
```
#1f2200 rgb(31,34,0)
```
#303600
```
#303600 rgb(48,54,0)
```
#424a00
```
#424a00 rgb(66,74,0)
```
#545d00
```
#545d00 rgb(84,93,0)
```
#657100
```
#657100 rgb(101,113,0)
```
#778500
```
#778500 rgb(119,133,0)
```
#889800
```
#889800 rgb(136,152,0)
```
#9aac00
```
#9aac00 rgb(154,172,0)
```
#abbf00
```
#abbf00 rgb(171,191,0)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```
#cfe700
```
#cfe700 rgb(207,231,0)
```
#e0fa00
```
#e0fa00 rgb(224,250,0)
```

Shade Color Variation

#e6ff0f
```
#e6ff0f rgb(230,255,15)
```
#e8ff22
```
#e8ff22 rgb(232,255,34)
```
#eaff36
```
#eaff36 rgb(234,255,54)
```
#ecff4a
```
#ecff4a rgb(236,255,74)
```
#eeff5d
```
#eeff5d rgb(238,255,93)
```
#f0ff71
```
#f0ff71 rgb(240,255,113)
```
#f2ff85
```
#f2ff85 rgb(242,255,133)
```
#f4ff98
```
#f4ff98 rgb(244,255,152)
```
#f6ffac
```
#f6ffac rgb(246,255,172)
```
#f8ffbf
```
#f8ffbf rgb(248,255,191)
```
#faffd3
```
#faffd3 rgb(250,255,211)
```
#fcffe7
```
#fcffe7 rgb(252,255,231)
```
#fffffa
```
#fffffa rgb(255,255,250)
```

Tint Color Variation

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

#707261
```
#707261 rgb(112,114,97)
```
#767a59
```
#767a59 rgb(118,122,89)
```
#7d8251
```
#7d8251 rgb(125,130,81)
```
#838a49
```
#838a49 rgb(131,138,73)
```
#8a9241
```
#8a9241 rgb(138,146,65)
```
#909a39
```
#909a39 rgb(144,154,57)
```
#96a231
```
#96a231 rgb(150,162,49)
```
#9daa29
```
#9daa29 rgb(157,170,41)
```
#a3b320
```
#a3b320 rgb(163,179,32)
```
#aabb18
```
#aabb18 rgb(170,187,24)
```
#b0c310
```
#b0c310 rgb(176,195,16)
```
#b7cb08
```
#b7cb08 rgb(183,203,8)
```
#bdd300
```
#bdd300 rgb(189,211,0)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b6ba90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ca00 Protanopia 1% of men
#fcc02a Deuteranopia 1% of men
#d1c7d5 Tritanopia 0.001% of the population

Trichromacy

#d5cd00 Protanomaly 1% of men, 0.01% of women
#e5c71b Deuteranomaly 6% of men, 0.4% of women
#c9cb87 Tritanomaly 0.01% of the population

#bdd300 hex color

#bdd300 Color Information

#bdd300 Color Conversion

Color Schemes with #bdd300

Alternatives to #bdd300

#bdd300 Preview

Shades and Tints of #bdd300

Tones of #bdd300

Color Blindness Simulator