#bdd314 hex color

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

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

● #bdd314 color description : Strong yellow.

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

Hex triplet	bdd314	`#bdd314`
RGB Decimal	189, 211, 20	`rgb(189,211,20)`
RGB Percent	74.1, 82.7, 7.8	`rgb(74.1%,82.7%,7.8%)`
CMYK	10, 0, 91, 17
HSL	66.9°, 82.7, 45.3	`hsl(66.9,82.7%,45.3%)`
HSV (or HSB)	66.9°, 90.5, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.436, -27.697, 77.836
XYZ	44.407, 57.458, 9.413
xyY	0.399, 0.516, 57.458
CIE-LCH	80.436, 82.617, 109.588
CIE-LUV	80.436, -8.121, 88.905
Hunter-Lab	75.801, -28.081, 45.698
Binary	10111101, 11010011, 00010100

#bdd314
```
#bdd314 rgb(189,211,20)
```
#2a14d3
```
#2a14d3 rgb(42,20,211)
```

Complementary Color

#d38a14
```
#d38a14 rgb(211,138,20)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#5dd314
```
#5dd314 rgb(93,211,20)
```

Analogous Color

#8a14d3
```
#8a14d3 rgb(138,20,211)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#145ed3
```
#145ed3 rgb(20,94,211)
```

Split Complementary Color

#d314bd
```
#d314bd rgb(211,20,189)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#14bdd3
```
#14bdd3 rgb(20,189,211)
```

Triadic Color

#d32a14
```
#d32a14 rgb(211,42,20)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#14bdd3
```
#14bdd3 rgb(20,189,211)
```
#2a14d3
```
#2a14d3 rgb(42,20,211)
```

Tetradic Color

#7e8d0d
```
#7e8d0d rgb(126,141,13)
```
#93a410
```
#93a410 rgb(147,164,16)
```
#a8bc12
```
#a8bc12 rgb(168,188,18)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#d1e917
```
#d1e917 rgb(209,233,23)
```
#d6eb2f
```
#d6eb2f rgb(214,235,47)
```
#daed46
```
#daed46 rgb(218,237,70)
```

Monochromatic Color

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

#d3b914
```
#d3b914 rgb(211,185,20)
```
#d3c914
```
#d3c914 rgb(211,201,20)
```
#cdd314
```
#cdd314 rgb(205,211,20)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#add314
```
#add314 rgb(173,211,20)
```
#9dd314
```
#9dd314 rgb(157,211,20)
```
#8dd314
```
#8dd314 rgb(141,211,20)
```

Similar Colors

Text with hexadecimal color #bdd314

This text has a font color of #bdd314.

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

#bdd314 background color

This paragraph has a background color of #bdd314.

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

#bdd314 border color

This element has a border color of #bdd314.

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

CSS codes

.text {color:#bdd314;}

.background {background-color:#bdd314;}

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

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

#0c0e01
```
#0c0e01 rgb(12,14,1)
```
#1d2003
```
#1d2003 rgb(29,32,3)
```
#2d3205
```
#2d3205 rgb(45,50,5)
```
#3d4406
```
#3d4406 rgb(61,68,6)
```
#4d5608
```
#4d5608 rgb(77,86,8)
```
#5d670a
```
#5d670a rgb(93,103,10)
```
#6d790c
```
#6d790c rgb(109,121,12)
```
#7d8b0d
```
#7d8b0d rgb(125,139,13)
```
#8d9d0f
```
#8d9d0f rgb(141,157,15)
```
#9daf11
```
#9daf11 rgb(157,175,17)
```
#adc112
```
#adc112 rgb(173,193,18)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#cde516
```
#cde516 rgb(205,229,22)
```

Shade Color Variation

#d3ea24
```
#d3ea24 rgb(211,234,36)
```
#d7ec36
```
#d7ec36 rgb(215,236,54)
```
#dbee48
```
#dbee48 rgb(219,238,72)
```
#deef5a
```
#deef5a rgb(222,239,90)
```
#e2f16c
```
#e2f16c rgb(226,241,108)
```
#e5f37e
```
#e5f37e rgb(229,243,126)
```
#e9f48f
```
#e9f48f rgb(233,244,143)
```
#ecf6a1
```
#ecf6a1 rgb(236,246,161)
```
#f0f8b3
```
#f0f8b3 rgb(240,248,179)
```
#f4fac5
```
#f4fac5 rgb(244,250,197)
```
#f7fbd7
```
#f7fbd7 rgb(247,251,215)
```
#fbfde9
```
#fbfde9 rgb(251,253,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#797a6d
```
#797a6d rgb(121,122,109)
```
#7f8364
```
#7f8364 rgb(127,131,100)
```
#868c5b
```
#868c5b rgb(134,140,91)
```
#8d9552
```
#8d9552 rgb(141,149,82)
```
#949e49
```
#949e49 rgb(148,158,73)
```
#9ba740
```
#9ba740 rgb(155,167,64)
```
#a2af38
```
#a2af38 rgb(162,175,56)
```
#a8b82f
```
#a8b82f rgb(168,184,47)
```
#afc126
```
#afc126 rgb(175,193,38)
```
#b6ca1d
```
#b6ca1d rgb(182,202,29)
```
#bdd314
```
#bdd314 rgb(189,211,20)
```
#c4dc0b
```
#c4dc0b rgb(196,220,11)
```
#cbe502
```
#cbe502 rgb(203,229,2)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b8bd96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3ca1c Protanopia 1% of men
#fcc032 Deuteranopia 1% of men
#d1c7d5 Tritanopia 0.001% of the population

Trichromacy

#d5cd19 Protanomaly 1% of men, 0.01% of women
#e5c727 Deuteranomaly 6% of men, 0.4% of women
#c9cb8f Tritanomaly 0.01% of the population

#bdd314 hex color

#bdd314 Color Information

#bdd314 Color Conversion

Color Schemes with #bdd314

Alternatives to #bdd314

#bdd314 Preview

Shades and Tints of #bdd314

Tones of #bdd314

Color Blindness Simulator