#b4df02 hex color

In a RGB color space, hex #b4df02 is composed of 70.6% red, 87.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 19.3% cyan, 0% magenta, 99.1% yellow and 12.5% black. It has a hue angle of 71.7 degrees, a saturation of 98.2% and a lightness of 44.1%. #b4df02 color hex could be obtained by blending #ffff04 with #69bf00. Closest websafe color is: #cccc00.

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

● #b4df02 color description : Vivid yellow.

The hexadecimal color #b4df02 has RGB values of R:180, G:223, B:2 and CMYK values of C:0.19, M:0, Y:0.99, K:0.13. Its decimal value is 11853570.

Hex triplet	b4df02	`#b4df02`
RGB Decimal	180, 223, 2	`rgb(180,223,2)`
RGB Percent	70.6, 87.5, 0.8	`rgb(70.6%,87.5%,0.8%)`
CMYK	19, 0, 99, 13
HSL	71.7°, 98.2, 44.1	`hsl(71.7,98.2%,44.1%)`
HSV (or HSB)	71.7°, 99.1, 87.5
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.169, -37.121, 81.549
XYZ	45.221, 62.482, 9.735
xyY	0.385, 0.532, 62.482
CIE-LCH	83.169, 89.6, 114.475
CIE-LUV	83.169, -20.589, 94.629
Hunter-Lab	79.046, -36.214, 48.03
Binary	10110100, 11011111, 00000010

#b4df02
```
#b4df02 rgb(180,223,2)
```
#2d02df
```
#2d02df rgb(45,2,223)
```

Complementary Color

#df9c02
```
#df9c02 rgb(223,156,2)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#46df02
```
#46df02 rgb(70,223,2)
```

Analogous Color

#9c02df
```
#9c02df rgb(156,2,223)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#0246df
```
#0246df rgb(2,70,223)
```

Split Complementary Color

#df02b4
```
#df02b4 rgb(223,2,180)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#02b4df
```
#02b4df rgb(2,180,223)
```

Triadic Color

#df2d02
```
#df2d02 rgb(223,45,2)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#02b4df
```
#02b4df rgb(2,180,223)
```
#2d02df
```
#2d02df rgb(45,2,223)
```

Tetradic Color

#779301
```
#779301 rgb(119,147,1)
```
#8bac02
```
#8bac02 rgb(139,172,2)
```
#a0c602
```
#a0c602 rgb(160,198,2)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#c8f802
```
#c8f802 rgb(200,248,2)
```
#d0fd17
```
#d0fd17 rgb(208,253,23)
```
#d5fd30
```
#d5fd30 rgb(213,253,48)
```

Monochromatic Color

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

#dfd302
```
#dfd302 rgb(223,211,2)
```
#d9df02
```
#d9df02 rgb(217,223,2)
```
#c6df02
```
#c6df02 rgb(198,223,2)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#a2df02
```
#a2df02 rgb(162,223,2)
```
#8fdf02
```
#8fdf02 rgb(143,223,2)
```
#7ddf02
```
#7ddf02 rgb(125,223,2)
```

Similar Colors

Text with hexadecimal color #b4df02

This text has a font color of #b4df02.

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

#b4df02 background color

This paragraph has a background color of #b4df02.

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

#b4df02 border color

This element has a border color of #b4df02.

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

CSS codes

.text {color:#b4df02;}

.background {background-color:#b4df02;}

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

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

#070900
```
#070900 rgb(7,9,0)
```
#171d00
```
#171d00 rgb(23,29,0)
```
#273000
```
#273000 rgb(39,48,0)
```
#364301
```
#364301 rgb(54,67,1)
```
#465701
```
#465701 rgb(70,87,1)
```
#566a01
```
#566a01 rgb(86,106,1)
```
#667e01
```
#667e01 rgb(102,126,1)
```
#759101
```
#759101 rgb(117,145,1)
```
#85a501
```
#85a501 rgb(133,165,1)
```
#95b802
```
#95b802 rgb(149,184,2)
```
#a4cc02
```
#a4cc02 rgb(164,204,2)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```
#c4f202
```
#c4f202 rgb(196,242,2)
```

Shade Color Variation

#cefd0b
```
#cefd0b rgb(206,253,11)
```
#d2fd1f
```
#d2fd1f rgb(210,253,31)
```
#d6fd32
```
#d6fd32 rgb(214,253,50)
```
#dafd46
```
#dafd46 rgb(218,253,70)
```
#defe59
```
#defe59 rgb(222,254,89)
```
#e1fe6d
```
#e1fe6d rgb(225,254,109)
```
#e5fe80
```
#e5fe80 rgb(229,254,128)
```
#e9fe94
```
#e9fe94 rgb(233,254,148)
```
#edfea7
```
#edfea7 rgb(237,254,167)
```
#f1feba
```
#f1feba rgb(241,254,186)
```
#f5ffce
```
#f5ffce rgb(245,255,206)
```
#f9ffe1
```
#f9ffe1 rgb(249,255,225)
```
#fdfff5
```
#fdfff5 rgb(253,255,245)
```

Tint Color Variation

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

#75776a
```
#75776a rgb(117,119,106)
```
#7a8061
```
#7a8061 rgb(122,128,97)
```
#7f8859
```
#7f8859 rgb(127,136,89)
```
#849150
```
#849150 rgb(132,145,80)
```
#8a9a47
```
#8a9a47 rgb(138,154,71)
```
#8fa23f
```
#8fa23f rgb(143,162,63)
```
#94ab36
```
#94ab36 rgb(148,171,54)
```
#9ab42d
```
#9ab42d rgb(154,180,45)
```
#9fbc25
```
#9fbc25 rgb(159,188,37)
```
#a4c51c
```
#a4c51c rgb(164,197,28)
```
#a9ce13
```
#a9ce13 rgb(169,206,19)
```
#afd60b
```
#afd60b rgb(175,214,11)
```
#b4df02
```
#b4df02 rgb(180,223,2)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b8c194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd200 Protanopia 1% of men
#ffc963 Deuteranopia 1% of men
#ccd1e0 Tritanopia 0.001% of the population

Trichromacy

#d7d600 Protanomaly 1% of men, 0.01% of women
#e3d140 Deuteranomaly 6% of men, 0.4% of women
#c3d68f Tritanomaly 0.01% of the population

#b4df02 hex color

#b4df02 Color Information

#b4df02 Color Conversion

Color Schemes with #b4df02

Alternatives to #b4df02

#b4df02 Preview

Shades and Tints of #b4df02

Tones of #b4df02

Color Blindness Simulator