#bddf46 hex color

In a RGB color space, hex #bddf46 is composed of 74.1% red, 87.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 15.2% cyan, 0% magenta, 68.6% yellow and 12.5% black. It has a hue angle of 73.3 degrees, a saturation of 70.5% and a lightness of 57.5%. #bddf46 color hex could be obtained by blending #ffff8c with #7bbf00. Closest websafe color is: #cccc33.

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

● #bddf46 color description : Soft yellow.

The hexadecimal color #bddf46 has RGB values of R:189, G:223, B:70 and CMYK values of C:0.15, M:0, Y:0.69, K:0.13. Its decimal value is 12443462.

Hex triplet	bddf46	`#bddf46`
RGB Decimal	189, 223, 70	`rgb(189,223,70)`
RGB Percent	74.1, 87.5, 27.5	`rgb(74.1%,87.5%,27.5%)`
CMYK	15, 0, 69, 13
HSL	73.3°, 70.5, 57.5	`hsl(73.3,70.5%,57.5%)`
HSV (or HSB)	73.3°, 68.6, 87.5
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.985, -31.476, 67.734
XYZ	48.479, 64.036, 15.6
xyY	0.378, 0.5, 64.036
CIE-LCH	83.985, 74.69, 114.924
CIE-LUV	83.985, -15.478, 84.634
Hunter-Lab	80.023, -31.901, 44.457
Binary	10111101, 11011111, 01000110

#bddf46
```
#bddf46 rgb(189,223,70)
```
#6846df
```
#6846df rgb(104,70,223)
```

Complementary Color

#dfb546
```
#dfb546 rgb(223,181,70)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#71df46
```
#71df46 rgb(113,223,70)
```

Analogous Color

#b546df
```
#b546df rgb(181,70,223)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#4671df
```
#4671df rgb(70,113,223)
```

Split Complementary Color

#df46bd
```
#df46bd rgb(223,70,189)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#46bddf
```
#46bddf rgb(70,189,223)
```

Triadic Color

#df6846
```
#df6846 rgb(223,104,70)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#46bddf
```
#46bddf rgb(70,189,223)
```
#6846df
```
#6846df rgb(104,70,223)
```

Tetradic Color

#97b920
```
#97b920 rgb(151,185,32)
```
#a8ce24
```
#a8ce24 rgb(168,206,36)
```
#b5db30
```
#b5db30 rgb(181,219,48)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#c5e35c
```
#c5e35c rgb(197,227,92)
```
#cde771
```
#cde771 rgb(205,231,113)
```
#d4ea87
```
#d4ea87 rgb(212,234,135)
```

Monochromatic Color

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

#dfdb46
```
#dfdb46 rgb(223,219,70)
```
#d7df46
```
#d7df46 rgb(215,223,70)
```
#cadf46
```
#cadf46 rgb(202,223,70)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#b0df46
```
#b0df46 rgb(176,223,70)
```
#a4df46
```
#a4df46 rgb(164,223,70)
```
#97df46
```
#97df46 rgb(151,223,70)
```

Similar Colors

Text with hexadecimal color #bddf46

This text has a font color of #bddf46.

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

#bddf46 background color

This paragraph has a background color of #bddf46.

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

#bddf46 border color

This element has a border color of #bddf46.

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

CSS codes

.text {color:#bddf46;}

.background {background-color:#bddf46;}

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

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

#0d1003
```
#0d1003 rgb(13,16,3)
```
#1a2006
```
#1a2006 rgb(26,32,6)
```
#283108
```
#283108 rgb(40,49,8)
```
#36420b
```
#36420b rgb(54,66,11)
```
#43530e
```
#43530e rgb(67,83,14)
```
#516311
```
#516311 rgb(81,99,17)
```
#5f7414
```
#5f7414 rgb(95,116,20)
```
#6c8517
```
#6c8517 rgb(108,133,23)
```
#7a951a
```
#7a951a rgb(122,149,26)
```
#88a61d
```
#88a61d rgb(136,166,29)
```
#95b720
```
#95b720 rgb(149,183,32)
```
#a3c823
```
#a3c823 rgb(163,200,35)
```
#b1d825
```
#b1d825 rgb(177,216,37)
```

Shade Color Variation

#b7dc35
```
#b7dc35 rgb(183,220,53)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#c3e257
```
#c3e257 rgb(195,226,87)
```
#c9e567
```
#c9e567 rgb(201,229,103)
```
#cfe878
```
#cfe878 rgb(207,232,120)
```
#d5eb89
```
#d5eb89 rgb(213,235,137)
```
#dbed9a
```
#dbed9a rgb(219,237,154)
```
#e1f0aa
```
#e1f0aa rgb(225,240,170)
```
#e7f3bb
```
#e7f3bb rgb(231,243,187)
```
#edf6cc
```
#edf6cc rgb(237,246,204)
```
#f3f9dd
```
#f3f9dd rgb(243,249,221)
```
#f9fced
```
#f9fced rgb(249,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#939491
```
#939491 rgb(147,148,145)
```
#989c89
```
#989c89 rgb(152,156,137)
```
#9da580
```
#9da580 rgb(157,165,128)
```
#a1ad78
```
#a1ad78 rgb(161,173,120)
```
#a6b570
```
#a6b570 rgb(166,181,112)
```
#aabe67
```
#aabe67 rgb(170,190,103)
```
#afc65f
```
#afc65f rgb(175,198,95)
```
#b4ce57
```
#b4ce57 rgb(180,206,87)
```
#b8d74e
```
#b8d74e rgb(184,215,78)
```
#bddf46
```
#bddf46 rgb(189,223,70)
```
#c2e73e
```
#c2e73e rgb(194,231,62)
```
#c6f035
```
#c6f035 rgb(198,240,53)
```
#cbf82d
```
#cbf82d rgb(203,248,45)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c2c9aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd44c Protanopia 1% of men
#ffcb76 Deuteranopia 1% of men
#d2d2e1 Tritanopia 0.001% of the population

Trichromacy

#dad849 Protanomaly 1% of men, 0.01% of women
#e7d265 Deuteranomaly 6% of men, 0.4% of women
#cad7a9 Tritanomaly 0.01% of the population

#bddf46 hex color

#bddf46 Color Information

#bddf46 Color Conversion

Color Schemes with #bddf46

Alternatives to #bddf46

#bddf46 Preview

Shades and Tints of #bddf46

Tones of #bddf46

Color Blindness Simulator