#bddf22 hex color

In a RGB color space, hex #bddf22 is composed of 74.1% red, 87.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 84.8% yellow and 12.5% black. It has a hue angle of 70.8 degrees, a saturation of 74.7% and a lightness of 50.4%. #bddf22 color hex could be obtained by blending #ffff44 with #7bbf00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 87
- B 13
RGB color chart
- C 15
- M 0
- Y 85
- K 13
CMYK color chart

● #bddf22 color description : Bright yellow.

The hexadecimal color #bddf22 has RGB values of R:189, G:223, B:34 and CMYK values of C:0.15, M:0, Y:0.85, K:0.13. Its decimal value is 12443426.

Hex triplet	bddf22	`#bddf22`
RGB Decimal	189, 223, 34	`rgb(189,223,34)`
RGB Percent	74.1, 87.5, 13.3	`rgb(74.1%,87.5%,13.3%)`
CMYK	15, 0, 85, 13
HSL	70.8°, 74.7, 50.4	`hsl(70.8,74.7%,50.4%)`
HSV (or HSB)	70.8°, 84.8, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.814, -32.998, 78.107
XYZ	47.662, 63.709, 11.3
xyY	0.389, 0.519, 63.709
CIE-LCH	83.814, 84.792, 112.902
CIE-LUV	83.814, -15.286, 92.051
Hunter-Lab	79.818, -33.093, 47.479
Binary	10111101, 11011111, 00100010

#bddf22
```
#bddf22 rgb(189,223,34)
```
#4422df
```
#4422df rgb(68,34,223)
```

Complementary Color

#dfa322
```
#dfa322 rgb(223,163,34)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#5fdf22
```
#5fdf22 rgb(95,223,34)
```

Analogous Color

#a322df
```
#a322df rgb(163,34,223)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#225fdf
```
#225fdf rgb(34,95,223)
```

Split Complementary Color

#df22bd
```
#df22bd rgb(223,34,189)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#22bddf
```
#22bddf rgb(34,189,223)
```

Triadic Color

#df4422
```
#df4422 rgb(223,68,34)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#22bddf
```
#22bddf rgb(34,189,223)
```
#4422df
```
#4422df rgb(68,34,223)
```

Tetradic Color

#859e17
```
#859e17 rgb(133,158,23)
```
#98b41a
```
#98b41a rgb(152,180,26)
```
#abca1d
```
#abca1d rgb(171,202,29)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#c4e238
```
#c4e238 rgb(196,226,56)
```
#cae54f
```
#cae54f rgb(202,229,79)
```
#d1e965
```
#d1e965 rgb(209,233,101)
```

Monochromatic Color

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

#dfd222
```
#dfd222 rgb(223,210,34)
```
#dddf22
```
#dddf22 rgb(221,223,34)
```
#cddf22
```
#cddf22 rgb(205,223,34)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#addf22
```
#addf22 rgb(173,223,34)
```
#9edf22
```
#9edf22 rgb(158,223,34)
```
#8edf22
```
#8edf22 rgb(142,223,34)
```

Similar Colors

Text with hexadecimal color #bddf22

This text has a font color of #bddf22.

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

#bddf22 background color

This paragraph has a background color of #bddf22.

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

#bddf22 border color

This element has a border color of #bddf22.

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

CSS codes

.text {color:#bddf22;}

.background {background-color:#bddf22;}

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

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, #010200 is the darkest color, while #fafdf0 is the lightest one.

#010200
```
#010200 rgb(1,2,0)
```
#101303
```
#101303 rgb(16,19,3)
```
#1e2405
```
#1e2405 rgb(30,36,5)
```
#2d3508
```
#2d3508 rgb(45,53,8)
```
#3b460a
```
#3b460a rgb(59,70,10)
```
#4a570d
```
#4a570d rgb(74,87,13)
```
#58690f
```
#58690f rgb(88,105,15)
```
#677a12
```
#677a12 rgb(103,122,18)
```
#758b14
```
#758b14 rgb(117,139,20)
```
#849c17
```
#849c17 rgb(132,156,23)
```
#92ad19
```
#92ad19 rgb(146,173,25)
```
#a1be1c
```
#a1be1c rgb(161,190,28)
```
#afcf1e
```
#afcf1e rgb(175,207,30)
```

Shade Color Variation

#bddf22
```
#bddf22 rgb(189,223,34)
```
#c2e133
```
#c2e133 rgb(194,225,51)
```
#c7e444
```
#c7e444 rgb(199,228,68)
```
#cce655
```
#cce655 rgb(204,230,85)
```
#d1e967
```
#d1e967 rgb(209,233,103)
```
#d7eb78
```
#d7eb78 rgb(215,235,120)
```
#dcee89
```
#dcee89 rgb(220,238,137)
```
#e1f09a
```
#e1f09a rgb(225,240,154)
```
#e6f3ab
```
#e6f3ab rgb(230,243,171)
```
#ebf5bc
```
#ebf5bc rgb(235,245,188)
```
#f0f8cd
```
#f0f8cd rgb(240,248,205)
```
#f5fade
```
#f5fade rgb(245,250,222)
```
#fafdf0
```
#fafdf0 rgb(250,253,240)
```

Tint Color Variation

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

#85877a
```
#85877a rgb(133,135,122)
```
#8b9170
```
#8b9170 rgb(139,145,112)
```
#919b66
```
#919b66 rgb(145,155,102)
```
#98a55c
```
#98a55c rgb(152,165,92)
```
#9eae53
```
#9eae53 rgb(158,174,83)
```
#a4b849
```
#a4b849 rgb(164,184,73)
```
#aac23f
```
#aac23f rgb(170,194,63)
```
#b1cc35
```
#b1cc35 rgb(177,204,53)
```
#b7d52c
```
#b7d52c rgb(183,213,44)
```
#bddf22
```
#bddf22 rgb(189,223,34)
```
#c3e918
```
#c3e918 rgb(195,233,24)
```
#c9f20f
```
#c9f20f rgb(201,242,15)
```
#d0fc05
```
#d0fc05 rgb(208,252,5)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bfc5a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd329 Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#d3d1e0 Tritanopia 0.001% of the population

Trichromacy

#dbd726 Protanomaly 1% of men, 0.01% of women
#e7d253 Deuteranomaly 6% of men, 0.4% of women
#cbd69b Tritanomaly 0.01% of the population

#bddf22 hex color

#bddf22 Color Information

#bddf22 Color Conversion

Color Schemes with #bddf22

Alternatives to #bddf22

#bddf22 Preview

Shades and Tints of #bddf22

Tones of #bddf22

Color Blindness Simulator