#b4dd46 hex color

In a RGB color space, hex #b4dd46 is composed of 70.6% red, 86.7% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 18.6% cyan, 0% magenta, 68.3% yellow and 13.3% black. It has a hue angle of 76.3 degrees, a saturation of 68.9% and a lightness of 57.1%. #b4dd46 color hex could be obtained by blending #ffff8c with #69bb00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 71
- G 87
- B 27
RGB color chart
- C 19
- M 0
- Y 68
- K 13
CMYK color chart

● #b4dd46 color description : Soft green.

The hexadecimal color #b4dd46 has RGB values of R:180, G:221, B:70 and CMYK values of C:0.19, M:0, Y:0.68, K:0.13. Its decimal value is 11853126.

Hex triplet	b4dd46	`#b4dd46`
RGB Decimal	180, 221, 70	`rgb(180,221,70)`
RGB Percent	70.6, 86.7, 27.5	`rgb(70.6%,86.7%,27.5%)`
CMYK	19, 0, 68, 13
HSL	76.3°, 68.9, 57.1	`hsl(76.3,68.9%,57.1%)`
HSV (or HSB)	76.3°, 68.3, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.838, -34.078, 66.383
XYZ	45.784, 61.858, 15.322
xyY	0.372, 0.503, 61.858
CIE-LCH	82.838, 74.619, 117.174
CIE-LUV	82.838, -19.63, 83.646
Hunter-Lab	78.65, -33.728, 43.505
Binary	10110100, 11011101, 01000110

#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#6f46dd
```
#6f46dd rgb(111,70,221)
```

Complementary Color

#ddbb46
```
#ddbb46 rgb(221,187,70)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#69dd46
```
#69dd46 rgb(105,221,70)
```

Analogous Color

#bb46dd
```
#bb46dd rgb(187,70,221)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#4669dd
```
#4669dd rgb(70,105,221)
```

Split Complementary Color

#dd46b4
```
#dd46b4 rgb(221,70,180)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#46b4dd
```
#46b4dd rgb(70,180,221)
```

Triadic Color

#dd6f46
```
#dd6f46 rgb(221,111,70)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#46b4dd
```
#46b4dd rgb(70,180,221)
```
#6f46dd
```
#6f46dd rgb(111,70,221)
```

Tetradic Color

#8db521
```
#8db521 rgb(141,181,33)
```
#9ecb25
```
#9ecb25 rgb(158,203,37)
```
#abd930
```
#abd930 rgb(171,217,48)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#bde15c
```
#bde15c rgb(189,225,92)
```
#c5e571
```
#c5e571 rgb(197,229,113)
```
#cee987
```
#cee987 rgb(206,233,135)
```

Monochromatic Color

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

#dadd46
```
#dadd46 rgb(218,221,70)
```
#cddd46
```
#cddd46 rgb(205,221,70)
```
#c1dd46
```
#c1dd46 rgb(193,221,70)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#a7dd46
```
#a7dd46 rgb(167,221,70)
```
#9bdd46
```
#9bdd46 rgb(155,221,70)
```
#8edd46
```
#8edd46 rgb(142,221,70)
```

Similar Colors

Text with hexadecimal color #b4dd46

This text has a font color of #b4dd46.

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

#b4dd46 background color

This paragraph has a background color of #b4dd46.

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

#b4dd46 border color

This element has a border color of #b4dd46.

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

CSS codes

.text {color:#b4dd46;}

.background {background-color:#b4dd46;}

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

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

#0b0e03
```
#0b0e03 rgb(11,14,3)
```
#181e06
```
#181e06 rgb(24,30,6)
```
#252f09
```
#252f09 rgb(37,47,9)
```
#31400c
```
#31400c rgb(49,64,12)
```
#3e500f
```
#3e500f rgb(62,80,15)
```
#4b6112
```
#4b6112 rgb(75,97,18)
```
#587115
```
#587115 rgb(88,113,21)
```
#658218
```
#658218 rgb(101,130,24)
```
#72921b
```
#72921b rgb(114,146,27)
```
#7fa31e
```
#7fa31e rgb(127,163,30)
```
#8cb421
```
#8cb421 rgb(140,180,33)
```
#99c424
```
#99c424 rgb(153,196,36)
```
#a6d527
```
#a6d527 rgb(166,213,39)
```

Shade Color Variation

#adda35
```
#adda35 rgb(173,218,53)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#bbe057
```
#bbe057 rgb(187,224,87)
```
#c1e367
```
#c1e367 rgb(193,227,103)
```
#c8e678
```
#c8e678 rgb(200,230,120)
```
#cfe988
```
#cfe988 rgb(207,233,136)
```
#d6ec99
```
#d6ec99 rgb(214,236,153)
```
#dcefa9
```
#dcefa9 rgb(220,239,169)
```
#e3f2ba
```
#e3f2ba rgb(227,242,186)
```
#eaf5cb
```
#eaf5cb rgb(234,245,203)
```
#f0f8db
```
#f0f8db rgb(240,248,219)
```
#f7fbec
```
#f7fbec rgb(247,251,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#959a89
```
#959a89 rgb(149,154,137)
```
#99a281
```
#99a281 rgb(153,162,129)
```
#9daa79
```
#9daa79 rgb(157,170,121)
```
#a1b370
```
#a1b370 rgb(161,179,112)
```
#a5bb68
```
#a5bb68 rgb(165,187,104)
```
#a8c45f
```
#a8c45f rgb(168,196,95)
```
#accc57
```
#accc57 rgb(172,204,87)
```
#b0d54e
```
#b0d54e rgb(176,213,78)
```
#b4dd46
```
#b4dd46 rgb(180,221,70)
```
#b8e53e
```
#b8e53e rgb(184,229,62)
```
#bcee35
```
#bcee35 rgb(188,238,53)
```
#c0f62d
```
#c0f62d rgb(192,246,45)
```
#c3ff24
```
#c3ff24 rgb(195,255,36)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bec6a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d14b Protanopia 1% of men
#ffc765 Deuteranopia 1% of men
#cad0df Tritanopia 0.001% of the population

Trichromacy

#d5d549 Protanomaly 1% of men, 0.01% of women
#e3cf5a Deuteranomaly 6% of men, 0.4% of women
#c2d5a7 Tritanomaly 0.01% of the population

#b4dd46 hex color

#b4dd46 Color Information

#b4dd46 Color Conversion

Color Schemes with #b4dd46

Alternatives to #b4dd46

#b4dd46 Preview

Shades and Tints of #b4dd46

Tones of #b4dd46

Color Blindness Simulator