#bbd980 hex color

In a RGB color space, hex #bbd980 is composed of 73.3% red, 85.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 41% yellow and 14.9% black. It has a hue angle of 80.2 degrees, a saturation of 53.9% and a lightness of 67.6%. #bbd980 color hex could be obtained by blending #ffffff with #77b301. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 73
- G 85
- B 50
RGB color chart
- C 14
- M 0
- Y 41
- K 15
CMYK color chart

● #bbd980 color description : Very soft green.

The hexadecimal color #bbd980 has RGB values of R:187, G:217, B:128 and CMYK values of C:0.14, M:0, Y:0.41, K:0.15. Its decimal value is 12310912.

Hex triplet	bbd980	`#bbd980`
RGB Decimal	187, 217, 128	`rgb(187,217,128)`
RGB Percent	73.3, 85.1, 50.2	`rgb(73.3%,85.1%,50.2%)`
CMYK	14, 0, 41, 15
HSL	80.2°, 53.9, 67.6	`hsl(80.2,53.9%,67.6%)`
HSV (or HSB)	80.2°, 41, 85.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.78, -24.306, 40.534
XYZ	49.202, 61.749, 29.747
xyY	0.35, 0.439, 61.749
CIE-LCH	82.78, 47.263, 120.949
CIE-LUV	82.78, -13.977, 57.727
Hunter-Lab	78.58, -25.751, 32.561
Binary	10111011, 11011001, 10000000

#bbd980
```
#bbd980 rgb(187,217,128)
```
#9e80d9
```
#9e80d9 rgb(158,128,217)
```

Complementary Color

#d9cb80
```
#d9cb80 rgb(217,203,128)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#8fd980
```
#8fd980 rgb(143,217,128)
```

Analogous Color

#cb80d9
```
#cb80d9 rgb(203,128,217)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#808fd9
```
#808fd9 rgb(128,143,217)
```

Split Complementary Color

#d980bb
```
#d980bb rgb(217,128,187)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#80bbd9
```
#80bbd9 rgb(128,187,217)
```

Triadic Color

#d99e80
```
#d99e80 rgb(217,158,128)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#80bbd9
```
#80bbd9 rgb(128,187,217)
```
#9e80d9
```
#9e80d9 rgb(158,128,217)
```

Tetradic Color

#9bc745
```
#9bc745 rgb(155,199,69)
```
#a6cd59
```
#a6cd59 rgb(166,205,89)
```
#b0d36c
```
#b0d36c rgb(176,211,108)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#c6df94
```
#c6df94 rgb(198,223,148)
```
#d0e5a7
```
#d0e5a7 rgb(208,229,167)
```
#dbebbb
```
#dbebbb rgb(219,235,187)
```

Monochromatic Color

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

#d1d980
```
#d1d980 rgb(209,217,128)
```
#cad980
```
#cad980 rgb(202,217,128)
```
#c2d980
```
#c2d980 rgb(194,217,128)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#b4d980
```
#b4d980 rgb(180,217,128)
```
#acd980
```
#acd980 rgb(172,217,128)
```
#a5d980
```
#a5d980 rgb(165,217,128)
```

Similar Colors

Text with hexadecimal color #bbd980

This text has a font color of #bbd980.

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

#bbd980 background color

This paragraph has a background color of #bbd980.

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

#bbd980 border color

This element has a border color of #bbd980.

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

CSS codes

.text {color:#bbd980;}

.background {background-color:#bbd980;}

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

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

#070903
```
#070903 rgb(7,9,3)
```
#121807
```
#121807 rgb(18,24,7)
```
#1e270c
```
#1e270c rgb(30,39,12)
```
#293610
```
#293610 rgb(41,54,16)
```
#354515
```
#354515 rgb(53,69,21)
```
#405419
```
#405419 rgb(64,84,25)
```
#4c631e
```
#4c631e rgb(76,99,30)
```
#587322
```
#587322 rgb(88,115,34)
```
#638227
```
#638227 rgb(99,130,39)
```
#6f912b
```
#6f912b rgb(111,145,43)
```
#7aa030
```
#7aa030 rgb(122,160,48)
```
#86af34
```
#86af34 rgb(134,175,52)
```
#91be39
```
#91be39 rgb(145,190,57)
```

Shade Color Variation

#9bc744
```
#9bc744 rgb(155,199,68)
```
#a3cb53
```
#a3cb53 rgb(163,203,83)
```
#abd062
```
#abd062 rgb(171,208,98)
```
#b3d471
```
#b3d471 rgb(179,212,113)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#c3de8f
```
#c3de8f rgb(195,222,143)
```
#cbe29e
```
#cbe29e rgb(203,226,158)
```
#d3e7ad
```
#d3e7ad rgb(211,231,173)
```
#dbebbc
```
#dbebbc rgb(219,235,188)
```
#e3f0cb
```
#e3f0cb rgb(227,240,203)
```
#ecf4db
```
#ecf4db rgb(236,244,219)
```
#f4f9ea
```
#f4f9ea rgb(244,249,234)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#adadac
```
#adadac rgb(173,173,172)
```
#afb3a6
```
#afb3a6 rgb(175,179,166)
```
#b1b9a0
```
#b1b9a0 rgb(177,185,160)
```
#b3c099
```
#b3c099 rgb(179,192,153)
```
#b5c693
```
#b5c693 rgb(181,198,147)
```
#b7cc8d
```
#b7cc8d rgb(183,204,141)
```
#b9d386
```
#b9d386 rgb(185,211,134)
```
#bbd980
```
#bbd980 rgb(187,217,128)
```
#bddf7a
```
#bddf7a rgb(189,223,122)
```
#bfe673
```
#bfe673 rgb(191,230,115)
```
#c1ec6d
```
#c1ec6d rgb(193,236,109)
```
#c3f267
```
#c3f267 rgb(195,242,103)
```
#c5f960
```
#c5f960 rgb(197,249,96)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4cab8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d082 Protanopia 1% of men
#f8c88c Deuteranopia 1% of men
#ccd0df Tritanopia 0.001% of the population

Trichromacy

#d4d381 Protanomaly 1% of men, 0.01% of women
#e2ce88 Deuteranomaly 6% of men, 0.4% of women
#c5d3bc Tritanomaly 0.01% of the population

#bbd980 hex color

#bbd980 Color Information

#bbd980 Color Conversion

Color Schemes with #bbd980

Alternatives to #bbd980

#bbd980 Preview

Shades and Tints of #bbd980

Tones of #bbd980

Color Blindness Simulator