colorhexa.com

#bdd214 hex color

In a RGB color space, hex #bdd214 is composed of 74.1% red, 82.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 90.5% yellow and 17.6% black. It has a hue angle of 66.6 degrees, a saturation of 82.6% and a lightness of 45.1%. #bdd214 color hex could be obtained by blending #ffff28 with #7ba500. Closest websafe color is: #cccc00.

- R 74
- G 82
- B 8
RGB color chart
- C 10
- M 0
- Y 90
- K 18
CMYK color chart

● #bdd214 color description : Strong yellow.

The hexadecimal color #bdd214 has RGB values of R:189, G:210, B:20 and CMYK values of C:0.1, M:0, Y:0.9, K:0.18. Its decimal value is 12440084.

Hex triplet	bdd214	`#bdd214`
RGB Decimal	189, 210, 20	`rgb(189,210,20)`
RGB Percent	74.1, 82.4, 7.8	`rgb(74.1%,82.4%,7.8%)`
CMYK	10, 0, 90, 18
HSL	66.6°, 82.6, 45.1	`hsl(66.6,82.6%,45.1%)`
HSV (or HSB)	66.6°, 90.5, 82.4
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.159, -27.222, 77.616
XYZ	44.159, 56.963, 9.33
xyY	0.4, 0.516, 56.963
CIE-LCH	80.159, 82.251, 109.327
CIE-LUV	80.159, -7.513, 88.517
Hunter-Lab	75.474, -27.64, 45.502
Binary	10111101, 11010010, 00010100

#bdd214
```
#bdd214 rgb(189,210,20)
```
#2914d2
```
#2914d2 rgb(41,20,210)
```

Complementary Color

#d28814
```
#d28814 rgb(210,136,20)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#5ed214
```
#5ed214 rgb(94,210,20)
```

Analogous Color

#8814d2
```
#8814d2 rgb(136,20,210)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#145ed2
```
#145ed2 rgb(20,94,210)
```

Split Complementary Color

#d214bd
```
#d214bd rgb(210,20,189)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#14bdd2
```
#14bdd2 rgb(20,189,210)
```

Triadic Color

#d22914
```
#d22914 rgb(210,41,20)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#14bdd2
```
#14bdd2 rgb(20,189,210)
```
#2914d2
```
#2914d2 rgb(41,20,210)
```

Tetradic Color

#7e8c0d
```
#7e8c0d rgb(126,140,13)
```
#93a310
```
#93a310 rgb(147,163,16)
```
#a8bb12
```
#a8bb12 rgb(168,187,18)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#d2e917
```
#d2e917 rgb(210,233,23)
```
#d6eb2e
```
#d6eb2e rgb(214,235,46)
```
#dbed45
```
#dbed45 rgb(219,237,69)
```

Monochromatic Color

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

#d2b814
```
#d2b814 rgb(210,184,20)
```
#d2c714
```
#d2c714 rgb(210,199,20)
```
#cdd214
```
#cdd214 rgb(205,210,20)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#add214
```
#add214 rgb(173,210,20)
```
#9dd214
```
#9dd214 rgb(157,210,20)
```
#8ed214
```
#8ed214 rgb(142,210,20)
```

Similar Colors

Text with hexadecimal color #bdd214

This text has a font color of #bdd214.

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

#bdd214 background color

This paragraph has a background color of #bdd214.

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

#bdd214 border color

This element has a border color of #bdd214.

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

CSS codes

.text {color:#bdd214;}

.background {background-color:#bdd214;}

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

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

#0c0d01
```
#0c0d01 rgb(12,13,1)
```
#1c1f03
```
#1c1f03 rgb(28,31,3)
```
#2c3105
```
#2c3105 rgb(44,49,5)
```
#3c4306
```
#3c4306 rgb(60,67,6)
```
#4c5508
```
#4c5508 rgb(76,85,8)
```
#5c670a
```
#5c670a rgb(92,103,10)
```
#6c780b
```
#6c780b rgb(108,120,11)
```
#7d8a0d
```
#7d8a0d rgb(125,138,13)
```
#8d9c0f
```
#8d9c0f rgb(141,156,15)
```
#9dae11
```
#9dae11 rgb(157,174,17)
```
#adc012
```
#adc012 rgb(173,192,18)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#cde416
```
#cde416 rgb(205,228,22)
```

Shade Color Variation

#d4ea23
```
#d4ea23 rgb(212,234,35)
```
#d8ec35
```
#d8ec35 rgb(216,236,53)
```
#dbed47
```
#dbed47 rgb(219,237,71)
```
#dfef59
```
#dfef59 rgb(223,239,89)
```
#e2f16b
```
#e2f16b rgb(226,241,107)
```
#e6f37d
```
#e6f37d rgb(230,243,125)
```
#e9f48f
```
#e9f48f rgb(233,244,143)
```
#edf6a1
```
#edf6a1 rgb(237,246,161)
```
#f0f8b2
```
#f0f8b2 rgb(240,248,178)
```
#f4f9c4
```
#f4f9c4 rgb(244,249,196)
```
#f7fbd6
```
#f7fbd6 rgb(247,251,214)
```
#fbfde8
```
#fbfde8 rgb(251,253,232)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#787a6c
```
#787a6c rgb(120,122,108)
```
#7f8264
```
#7f8264 rgb(127,130,100)
```
#868b5b
```
#868b5b rgb(134,139,91)
```
#8d9452
```
#8d9452 rgb(141,148,82)
```
#949d49
```
#949d49 rgb(148,157,73)
```
#9ba640
```
#9ba640 rgb(155,166,64)
```
#a1af37
```
#a1af37 rgb(161,175,55)
```
#a8b72f
```
#a8b72f rgb(168,183,47)
```
#afc026
```
#afc026 rgb(175,192,38)
```
#b6c91d
```
#b6c91d rgb(182,201,29)
```
#bdd214
```
#bdd214 rgb(189,210,20)
```
#c4db0b
```
#c4db0b rgb(196,219,11)
```
#cbe402
```
#cbe402 rgb(203,228,2)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b7bc96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca1c Protanopia 1% of men
#fbc032 Deuteranopia 1% of men
#d1c6d4 Tritanopia 0.001% of the population

Trichromacy

#d4cd19 Protanomaly 1% of men, 0.01% of women
#e4c627 Deuteranomaly 6% of men, 0.4% of women
#c9ca8e Tritanomaly 0.01% of the population