#bdd301 hex color

In a RGB color space, hex #bdd301 is composed of 74.1% red, 82.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 99.5% yellow and 17.3% black. It has a hue angle of 66.3 degrees, a saturation of 99.1% and a lightness of 41.6%. #bdd301 color hex could be obtained by blending #ffff02 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

● #bdd301 color description : Strong yellow.

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

Hex triplet	bdd301	`#bdd301`
RGB Decimal	189, 211, 1	`rgb(189,211,1)`
RGB Percent	74.1, 82.7, 0.4	`rgb(74.1%,82.7%,0.4%)`
CMYK	10, 0, 100, 17
HSL	66.3°, 99.1, 41.6	`hsl(66.3,99.1%,41.6%)`
HSV (or HSB)	66.3°, 99.5, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.409, -27.933, 79.828
XYZ	44.286, 57.41, 8.777
xyY	0.401, 0.52, 57.41
CIE-LCH	80.409, 84.574, 109.285
CIE-LUV	80.409, -8.073, 90.097
Hunter-Lab	75.769, -28.266, 46.17
Binary	10111101, 11010011, 00000001

#bdd301
```
#bdd301 rgb(189,211,1)
```
#1701d3
```
#1701d3 rgb(23,1,211)
```

Complementary Color

#d38001
```
#d38001 rgb(211,128,1)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#54d301
```
#54d301 rgb(84,211,1)
```

Analogous Color

#8001d3
```
#8001d3 rgb(128,1,211)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#0154d3
```
#0154d3 rgb(1,84,211)
```

Split Complementary Color

#d301bd
```
#d301bd rgb(211,1,189)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#01bdd3
```
#01bdd3 rgb(1,189,211)
```

Triadic Color

#d31701
```
#d31701 rgb(211,23,1)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#01bdd3
```
#01bdd3 rgb(1,189,211)
```
#1701d3
```
#1701d3 rgb(23,1,211)
```

Tetradic Color

#798701
```
#798701 rgb(121,135,1)
```
#90a001
```
#90a001 rgb(144,160,1)
```
#a6ba01
```
#a6ba01 rgb(166,186,1)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#d4ec01
```
#d4ec01 rgb(212,236,1)
```
#e4fe09
```
#e4fe09 rgb(228,254,9)
```
#e7fe23
```
#e7fe23 rgb(231,254,35)
```

Monochromatic Color

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

#d3b501
```
#d3b501 rgb(211,181,1)
```
#d3c601
```
#d3c601 rgb(211,198,1)
```
#cfd301
```
#cfd301 rgb(207,211,1)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#acd301
```
#acd301 rgb(172,211,1)
```
#9ad301
```
#9ad301 rgb(154,211,1)
```
#89d301
```
#89d301 rgb(137,211,1)
```

Similar Colors

Text with hexadecimal color #bdd301

This text has a font color of #bdd301.

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

#bdd301 background color

This paragraph has a background color of #bdd301.

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

#bdd301 border color

This element has a border color of #bdd301.

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

CSS codes

.text {color:#bdd301;}

.background {background-color:#bdd301;}

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

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

#0e1000
```
#0e1000 rgb(14,16,0)
```
#202300
```
#202300 rgb(32,35,0)
```
#313700
```
#313700 rgb(49,55,0)
```
#434a00
```
#434a00 rgb(67,74,0)
```
#545e00
```
#545e00 rgb(84,94,0)
```
#667101
```
#667101 rgb(102,113,1)
```
#778501
```
#778501 rgb(119,133,1)
```
#899801
```
#899801 rgb(137,152,1)
```
#9aac01
```
#9aac01 rgb(154,172,1)
```
#acbf01
```
#acbf01 rgb(172,191,1)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```
#cee701
```
#cee701 rgb(206,231,1)
```
#e0fa01
```
#e0fa01 rgb(224,250,1)
```

Shade Color Variation

#e5fe11
```
#e5fe11 rgb(229,254,17)
```
#e7fe24
```
#e7fe24 rgb(231,254,36)
```
#e9fe38
```
#e9fe38 rgb(233,254,56)
```
#ebfe4c
```
#ebfe4c rgb(235,254,76)
```
#eefe5f
```
#eefe5f rgb(238,254,95)
```
#f0fe73
```
#f0fe73 rgb(240,254,115)
```
#f2fe86
```
#f2fe86 rgb(242,254,134)
```
#f4ff9a
```
#f4ff9a rgb(244,255,154)
```
#f6ffad
```
#f6ffad rgb(246,255,173)
```
#f8ffc1
```
#f8ffc1 rgb(248,255,193)
```
#faffd4
```
#faffd4 rgb(250,255,212)
```
#fcffe8
```
#fcffe8 rgb(252,255,232)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#707163
```
#707163 rgb(112,113,99)
```
#76795b
```
#76795b rgb(118,121,91)
```
#7d8153
```
#7d8153 rgb(125,129,83)
```
#838a4a
```
#838a4a rgb(131,138,74)
```
#899242
```
#899242 rgb(137,146,66)
```
#909a3a
```
#909a3a rgb(144,154,58)
```
#96a232
```
#96a232 rgb(150,162,50)
```
#9daa2a
```
#9daa2a rgb(157,170,42)
```
#a3b222
```
#a3b222 rgb(163,178,34)
```
#aabb19
```
#aabb19 rgb(170,187,25)
```
#b0c311
```
#b0c311 rgb(176,195,17)
```
#b7cb09
```
#b7cb09 rgb(183,203,9)
```
#bdd301
```
#bdd301 rgb(189,211,1)
```

Tone Color Variation

Below, you can see how #bdd301 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
#c9cb88 Tritanomaly 0.01% of the population

#bdd301 hex color

#bdd301 Color Information

#bdd301 Color Conversion

Color Schemes with #bdd301

Alternatives to #bdd301

#bdd301 Preview

Shades and Tints of #bdd301

Tones of #bdd301

Color Blindness Simulator