#b4d550 hex color

In a RGB color space, hex #b4d550 is composed of 70.6% red, 83.5% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 15.5% cyan, 0% magenta, 62.4% yellow and 16.5% black. It has a hue angle of 74.9 degrees, a saturation of 61.3% and a lightness of 57.5%. #b4d550 color hex could be obtained by blending #ffffa0 with #69ab00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 71
- G 84
- B 31
RGB color chart
- C 15
- M 0
- Y 62
- K 16
CMYK color chart

● #b4d550 color description : Moderate yellow.

The hexadecimal color #b4d550 has RGB values of R:180, G:213, B:80 and CMYK values of C:0.15, M:0, Y:0.62, K:0.16. Its decimal value is 11851088.

Hex triplet	b4d550	`#b4d550`
RGB Decimal	180, 213, 80	`rgb(180,213,80)`
RGB Percent	70.6, 83.5, 31.4	`rgb(70.6%,83.5%,31.4%)`
CMYK	15, 0, 62, 16
HSL	74.9°, 61.3, 57.5	`hsl(74.9,61.3%,57.5%)`
HSV (or HSB)	74.9°, 62.4, 83.5
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.667, -29.69, 60.173
XYZ	44.064, 57.871, 16.438
xyY	0.372, 0.489, 57.871
CIE-LCH	80.667, 67.099, 116.262
CIE-LUV	80.667, -15.22, 76.962
Hunter-Lab	76.073, -29.734, 40.44
Binary	10110100, 11010101, 01010000

#b4d550
```
#b4d550 rgb(180,213,80)
```
#7150d5
```
#7150d5 rgb(113,80,213)
```

Complementary Color

#d5b450
```
#d5b450 rgb(213,180,80)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#72d550
```
#72d550 rgb(114,213,80)
```

Analogous Color

#b450d5
```
#b450d5 rgb(180,80,213)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#5072d5
```
#5072d5 rgb(80,114,213)
```

Split Complementary Color

#d550b4
```
#d550b4 rgb(213,80,180)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#50b4d5
```
#50b4d5 rgb(80,180,213)
```

Triadic Color

#d57150
```
#d57150 rgb(213,113,80)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#50b4d5
```
#50b4d5 rgb(80,180,213)
```
#7150d5
```
#7150d5 rgb(113,80,213)
```

Tetradic Color

#8eaf2a
```
#8eaf2a rgb(142,175,42)
```
#9ec32f
```
#9ec32f rgb(158,195,47)
```
#abd03b
```
#abd03b rgb(171,208,59)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#bdda65
```
#bdda65 rgb(189,218,101)
```
#c6df79
```
#c6df79 rgb(198,223,121)
```
#cee48e
```
#cee48e rgb(206,228,142)
```

Monochromatic Color

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

#d5d550
```
#d5d550 rgb(213,213,80)
```
#cad550
```
#cad550 rgb(202,213,80)
```
#bfd550
```
#bfd550 rgb(191,213,80)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#a9d550
```
#a9d550 rgb(169,213,80)
```
#9ed550
```
#9ed550 rgb(158,213,80)
```
#93d550
```
#93d550 rgb(147,213,80)
```

Similar Colors

Text with hexadecimal color #b4d550

This text has a font color of #b4d550.

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

#b4d550 background color

This paragraph has a background color of #b4d550.

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

#b4d550 border color

This element has a border color of #b4d550.

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

CSS codes

.text {color:#b4d550;}

.background {background-color:#b4d550;}

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

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

#0c0f04
```
#0c0f04 rgb(12,15,4)
```
#191f07
```
#191f07 rgb(25,31,7)
```
#262e0b
```
#262e0b rgb(38,46,11)
```
#333e0f
```
#333e0f rgb(51,62,15)
```
#3f4e13
```
#3f4e13 rgb(63,78,19)
```
#4c5e17
```
#4c5e17 rgb(76,94,23)
```
#596e1a
```
#596e1a rgb(89,110,26)
```
#667e1e
```
#667e1e rgb(102,126,30)
```
#738d22
```
#738d22 rgb(115,141,34)
```
#809d26
```
#809d26 rgb(128,157,38)
```
#8cad2a
```
#8cad2a rgb(140,173,42)
```
#99bd2d
```
#99bd2d rgb(153,189,45)
```
#a6cd31
```
#a6cd31 rgb(166,205,49)
```

Shade Color Variation

#add140
```
#add140 rgb(173,209,64)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#bbd960
```
#bbd960 rgb(187,217,96)
```
#c2dd70
```
#c2dd70 rgb(194,221,112)
```
#c8e07f
```
#c8e07f rgb(200,224,127)
```
#cfe48f
```
#cfe48f rgb(207,228,143)
```
#d6e89f
```
#d6e89f rgb(214,232,159)
```
#ddecaf
```
#ddecaf rgb(221,236,175)
```
#e3f0bf
```
#e3f0bf rgb(227,240,191)
```
#eaf3cf
```
#eaf3cf rgb(234,243,207)
```
#f1f7de
```
#f1f7de rgb(241,247,222)
```
#f8fbee
```
#f8fbee rgb(248,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#979b8a
```
#979b8a rgb(151,155,138)
```
#9ba382
```
#9ba382 rgb(155,163,130)
```
#9fab7a
```
#9fab7a rgb(159,171,122)
```
#a3b471
```
#a3b471 rgb(163,180,113)
```
#a7bc69
```
#a7bc69 rgb(167,188,105)
```
#acc461
```
#acc461 rgb(172,196,97)
```
#b0cd58
```
#b0cd58 rgb(176,205,88)
```
#b4d550
```
#b4d550 rgb(180,213,80)
```
#b8dd48
```
#b8dd48 rgb(184,221,72)
```
#bce63f
```
#bce63f rgb(188,230,63)
```
#c1ee37
```
#c1ee37 rgb(193,238,55)
```
#c5f62f
```
#c5f62f rgb(197,246,47)
```
#c9ff26
```
#c9ff26 rgb(201,255,38)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#bac1a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb55 Protanopia 1% of men
#f9c161 Deuteranopia 1% of men
#c8cad8 Tritanopia 0.001% of the population

Trichromacy

#d0ce53 Protanomaly 1% of men, 0.01% of women
#dfc85b Deuteranomaly 6% of men, 0.4% of women
#c1cea7 Tritanomaly 0.01% of the population

#b4d550 hex color

#b4d550 Color Information

#b4d550 Color Conversion

Color Schemes with #b4d550

Alternatives to #b4d550

#b4d550 Preview

Shades and Tints of #b4d550

Tones of #b4d550

Color Blindness Simulator