#bdd228 hex color

In a RGB color space, hex #bdd228 is composed of 74.1% red, 82.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 81% yellow and 17.6% black. It has a hue angle of 67.4 degrees, a saturation of 68% and a lightness of 49%. #bdd228 color hex could be obtained by blending #ffff50 with #7ba500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 82
- B 16
RGB color chart
- C 10
- M 0
- Y 81
- K 18
CMYK color chart

● #bdd228 color description : Strong yellow.

The hexadecimal color #bdd228 has RGB values of R:189, G:210, B:40 and CMYK values of C:0.1, M:0, Y:0.81, K:0.18. Its decimal value is 12440104.

Hex triplet	bdd228	`#bdd228`
RGB Decimal	189, 210, 40	`rgb(189,210,40)`
RGB Percent	74.1, 82.4, 15.7	`rgb(74.1%,82.4%,15.7%)`
CMYK	10, 0, 81, 18
HSL	67.4°, 68, 49	`hsl(67.4,68%,49%)`
HSV (or HSB)	67.4°, 81, 82.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.216, -26.722, 73.648
XYZ	44.416, 57.065, 10.682
xyY	0.396, 0.509, 57.065
CIE-LCH	80.216, 78.346, 109.942
CIE-LUV	80.216, -7.618, 85.993
Hunter-Lab	75.542, -27.246, 44.495
Binary	10111101, 11010010, 00101000

#bdd228
```
#bdd228 rgb(189,210,40)
```
#3d28d2
```
#3d28d2 rgb(61,40,210)
```

Complementary Color

#d29228
```
#d29228 rgb(210,146,40)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#68d228
```
#68d228 rgb(104,210,40)
```

Analogous Color

#9228d2
```
#9228d2 rgb(146,40,210)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#2868d2
```
#2868d2 rgb(40,104,210)
```

Split Complementary Color

#d228bd
```
#d228bd rgb(210,40,189)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#28bdd2
```
#28bdd2 rgb(40,189,210)
```

Triadic Color

#d23d28
```
#d23d28 rgb(210,61,40)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#28bdd2
```
#28bdd2 rgb(40,189,210)
```
#3d28d2
```
#3d28d2 rgb(61,40,210)
```

Tetradic Color

#83921c
```
#83921c rgb(131,146,28)
```
#96a720
```
#96a720 rgb(150,167,32)
```
#aabd24
```
#aabd24 rgb(170,189,36)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#c6d93a
```
#c6d93a rgb(198,217,58)
```
#ccde4f
```
#ccde4f rgb(204,222,79)
```
#d2e265
```
#d2e265 rgb(210,226,101)
```

Monochromatic Color

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

#d2bd28
```
#d2bd28 rgb(210,189,40)
```
#d2cb28
```
#d2cb28 rgb(210,203,40)
```
#cbd228
```
#cbd228 rgb(203,210,40)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#afd228
```
#afd228 rgb(175,210,40)
```
#a1d228
```
#a1d228 rgb(161,210,40)
```
#93d228
```
#93d228 rgb(147,210,40)
```

Similar Colors

Text with hexadecimal color #bdd228

This text has a font color of #bdd228.

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

#bdd228 background color

This paragraph has a background color of #bdd228.

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

#bdd228 border color

This element has a border color of #bdd228.

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

CSS codes

.text {color:#bdd228;}

.background {background-color:#bdd228;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#292d09
```
#292d09 rgb(41,45,9)
```
#383e0c
```
#383e0c rgb(56,62,12)
```
#464e0f
```
#464e0f rgb(70,78,15)
```
#555f12
```
#555f12 rgb(85,95,18)
```
#646f15
```
#646f15 rgb(100,111,21)
```
#738018
```
#738018 rgb(115,128,24)
```
#82901b
```
#82901b rgb(130,144,27)
```
#91a11f
```
#91a11f rgb(145,161,31)
```
#9fb122
```
#9fb122 rgb(159,177,34)
```
#aec225
```
#aec225 rgb(174,194,37)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```

Shade Color Variation

#c4d935
```
#c4d935 rgb(196,217,53)
```
#c9dc46
```
#c9dc46 rgb(201,220,70)
```
#cedf56
```
#cedf56 rgb(206,223,86)
```
#d3e267
```
#d3e267 rgb(211,226,103)
```
#d7e577
```
#d7e577 rgb(215,229,119)
```
#dce887
```
#dce887 rgb(220,232,135)
```
#e1eb98
```
#e1eb98 rgb(225,235,152)
```
#e6efa8
```
#e6efa8 rgb(230,239,168)
```
#ebf2b9
```
#ebf2b9 rgb(235,242,185)
```
#eff5c9
```
#eff5c9 rgb(239,245,201)
```
#f4f8da
```
#f4f8da rgb(244,248,218)
```
#f9fbea
```
#f9fbea rgb(249,251,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#838575
```
#838575 rgb(131,133,117)
```
#8a8f6b
```
#8a8f6b rgb(138,143,107)
```
#929862
```
#929862 rgb(146,152,98)
```
#99a258
```
#99a258 rgb(153,162,88)
```
#a0ac4e
```
#a0ac4e rgb(160,172,78)
```
#a7b545
```
#a7b545 rgb(167,181,69)
```
#afbf3b
```
#afbf3b rgb(175,191,59)
```
#b6c832
```
#b6c832 rgb(182,200,50)
```
#bdd228
```
#bdd228 rgb(189,210,40)
```
#c4dc1e
```
#c4dc1e rgb(196,220,30)
```
#cbe515
```
#cbe515 rgb(203,229,21)
```
#d3ef0b
```
#d3ef0b rgb(211,239,11)
```
#daf802
```
#daf802 rgb(218,248,2)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b9bd9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca30 Protanopia 1% of men
#fac03f Deuteranopia 1% of men
#d0c6d4 Tritanopia 0.001% of the population

Trichromacy

#d4cd2d Protanomaly 1% of men, 0.01% of women
#e4c636 Deuteranomaly 6% of men, 0.4% of women
#c9ca95 Tritanomaly 0.01% of the population

#bdd228 hex color

#bdd228 Color Information

#bdd228 Color Conversion

Color Schemes with #bdd228

Alternatives to #bdd228

#bdd228 Preview

Shades and Tints of #bdd228

Tones of #bdd228

Color Blindness Simulator