#b4d300 hex color

In a RGB color space, hex #b4d300 is composed of 70.6% red, 82.7% green and 0% blue. Whereas in a CMYK color space, it is composed of 14.7% cyan, 0% magenta, 100% yellow and 17.3% black. It has a hue angle of 68.8 degrees, a saturation of 100% and a lightness of 41.4%. #b4d300 color hex could be obtained by blending #ffff00 with #69a700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 71
- G 83
- B 0
RGB color chart
- C 15
- M 0
- Y 100
- K 17
CMYK color chart

● #b4d300 color description : Strong yellow.

The hexadecimal color #b4d300 has RGB values of R:180, G:211, B:0 and CMYK values of C:0.15, M:0, Y:1, K:0.17. Its decimal value is 11850496.

Hex triplet	b4d300	`#b4d300`
RGB Decimal	180, 211, 0	`rgb(180,211,0)`
RGB Percent	70.6, 82.7, 0	`rgb(70.6%,82.7%,0%)`
CMYK	15, 0, 100, 17
HSL	68.8°, 100, 41.4	`hsl(68.8,100%,41.4%)`
HSV (or HSB)	68.8°, 100, 82.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	79.78, -31.653, 79.171
XYZ	42.116, 56.292, 8.647
xyY	0.393, 0.526, 56.292
CIE-LCH	79.78, 85.264, 111.792
CIE-LUV	79.78, -13.697, 90.138
Hunter-Lab	75.028, -31.099, 45.686
Binary	10110100, 11010011, 00000000

#b4d300
```
#b4d300 rgb(180,211,0)
```
#1f00d3
```
#1f00d3 rgb(31,0,211)
```

Complementary Color

#d38900
```
#d38900 rgb(211,137,0)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#4bd300
```
#4bd300 rgb(75,211,0)
```

Analogous Color

#8900d3
```
#8900d3 rgb(137,0,211)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#004bd3
```
#004bd3 rgb(0,75,211)
```

Split Complementary Color

#d300b4
```
#d300b4 rgb(211,0,180)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#00b4d3
```
#00b4d3 rgb(0,180,211)
```

Triadic Color

#d31f00
```
#d31f00 rgb(211,31,0)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#00b4d3
```
#00b4d3 rgb(0,180,211)
```
#1f00d3
```
#1f00d3 rgb(31,0,211)
```

Tetradic Color

#738700
```
#738700 rgb(115,135,0)
```
#88a000
```
#88a000 rgb(136,160,0)
```
#9eba00
```
#9eba00 rgb(158,186,0)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#caed00
```
#caed00 rgb(202,237,0)
```
#dbff07
```
#dbff07 rgb(219,255,7)
```
#deff21
```
#deff21 rgb(222,255,33)
```

Monochromatic Color

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

#d3bd00
```
#d3bd00 rgb(211,189,0)
```
#d3cf00
```
#d3cf00 rgb(211,207,0)
```
#c6d300
```
#c6d300 rgb(198,211,0)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#a2d300
```
#a2d300 rgb(162,211,0)
```
#91d300
```
#91d300 rgb(145,211,0)
```
#7fd300
```
#7fd300 rgb(127,211,0)
```

Similar Colors

Text with hexadecimal color #b4d300

This text has a font color of #b4d300.

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

#b4d300 background color

This paragraph has a background color of #b4d300.

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

#b4d300 border color

This element has a border color of #b4d300.

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

CSS codes

.text {color:#b4d300;}

.background {background-color:#b4d300;}

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

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

#0d0f00
```
#0d0f00 rgb(13,15,0)
```
#1d2200
```
#1d2200 rgb(29,34,0)
```
#2e3600
```
#2e3600 rgb(46,54,0)
```
#3f4a00
```
#3f4a00 rgb(63,74,0)
```
#505d00
```
#505d00 rgb(80,93,0)
```
#607100
```
#607100 rgb(96,113,0)
```
#718500
```
#718500 rgb(113,133,0)
```
#829800
```
#829800 rgb(130,152,0)
```
#93ac00
```
#93ac00 rgb(147,172,0)
```
#a3bf00
```
#a3bf00 rgb(163,191,0)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```
#c5e700
```
#c5e700 rgb(197,231,0)
```
#d5fa00
```
#d5fa00 rgb(213,250,0)
```

Shade Color Variation

#dcff0f
```
#dcff0f rgb(220,255,15)
```
#dfff22
```
#dfff22 rgb(223,255,34)
```
#e1ff36
```
#e1ff36 rgb(225,255,54)
```
#e4ff4a
```
#e4ff4a rgb(228,255,74)
```
#e7ff5d
```
#e7ff5d rgb(231,255,93)
```
#eaff71
```
#eaff71 rgb(234,255,113)
```
#edff85
```
#edff85 rgb(237,255,133)
```
#f0ff98
```
#f0ff98 rgb(240,255,152)
```
#f3ffac
```
#f3ffac rgb(243,255,172)
```
#f6ffbf
```
#f6ffbf rgb(246,255,191)
```
#f9ffd3
```
#f9ffd3 rgb(249,255,211)
```
#fbffe7
```
#fbffe7 rgb(251,255,231)
```
#fefffa
```
#fefffa rgb(254,255,250)
```

Tint Color Variation

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

#6f7261
```
#6f7261 rgb(111,114,97)
```
#757a59
```
#757a59 rgb(117,122,89)
```
#7b8251
```
#7b8251 rgb(123,130,81)
```
#808a49
```
#808a49 rgb(128,138,73)
```
#869241
```
#869241 rgb(134,146,65)
```
#8c9a39
```
#8c9a39 rgb(140,154,57)
```
#92a231
```
#92a231 rgb(146,162,49)
```
#97aa29
```
#97aa29 rgb(151,170,41)
```
#9db320
```
#9db320 rgb(157,179,32)
```
#a3bb18
```
#a3bb18 rgb(163,187,24)
```
#a9c310
```
#a9c310 rgb(169,195,16)
```
#aecb08
```
#aecb08 rgb(174,203,8)
```
#b4d300
```
#b4d300 rgb(180,211,0)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#b2b98e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c900 Protanopia 1% of men
#fabf2b Deuteranopia 1% of men
#c9c7d5 Tritanopia 0.001% of the population

Trichromacy

#d0cc00 Protanomaly 1% of men, 0.01% of women
#e0c61b Deuteranomaly 6% of men, 0.4% of women
#c1cb87 Tritanomaly 0.01% of the population

#b4d300 hex color

#b4d300 Color Information

#b4d300 Color Conversion

Color Schemes with #b4d300

Alternatives to #b4d300

#b4d300 Preview

Shades and Tints of #b4d300

Tones of #b4d300

Color Blindness Simulator