#b2da31 hex color

In a RGB color space, hex #b2da31 is composed of 69.8% red, 85.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 0% magenta, 77.5% yellow and 14.5% black. It has a hue angle of 74.2 degrees, a saturation of 69.5% and a lightness of 52.4%. #b2da31 color hex could be obtained by blending #ffff62 with #65b500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 70
- G 85
- B 19
RGB color chart
- C 18
- M 0
- Y 78
- K 15
CMYK color chart

● #b2da31 color description : Bright yellow.

The hexadecimal color #b2da31 has RGB values of R:178, G:218, B:49 and CMYK values of C:0.18, M:0, Y:0.78, K:0.15. Its decimal value is 11721265.

Hex triplet	b2da31	`#b2da31`
RGB Decimal	178, 218, 49	`rgb(178,218,49)`
RGB Percent	69.8, 85.5, 19.2	`rgb(69.8%,85.5%,19.2%)`
CMYK	18, 0, 78, 15
HSL	74.2°, 69.5, 52.4	`hsl(74.2,69.5%,52.4%)`
HSV (or HSB)	74.2°, 77.5, 85.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	81.745, -34.569, 72.275
XYZ	43.985, 59.829, 12.136
xyY	0.379, 0.516, 59.829
CIE-LCH	81.745, 80.116, 115.562
CIE-LUV	81.745, -19.032, 87.494
Hunter-Lab	77.349, -33.855, 44.842
Binary	10110010, 11011010, 00110001

#b2da31
```
#b2da31 rgb(178,218,49)
```
#5931da
```
#5931da rgb(89,49,218)
```

Complementary Color

#daae31
```
#daae31 rgb(218,174,49)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#5eda31
```
#5eda31 rgb(94,218,49)
```

Analogous Color

#ae31da
```
#ae31da rgb(174,49,218)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#315eda
```
#315eda rgb(49,94,218)
```

Split Complementary Color

#da31b2
```
#da31b2 rgb(218,49,178)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#31b2da
```
#31b2da rgb(49,178,218)
```

Triadic Color

#da5931
```
#da5931 rgb(218,89,49)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#31b2da
```
#31b2da rgb(49,178,218)
```
#5931da
```
#5931da rgb(89,49,218)
```

Tetradic Color

#82a11d
```
#82a11d rgb(130,161,29)
```
#94b721
```
#94b721 rgb(148,183,33)
```
#a5cd25
```
#a5cd25 rgb(165,205,37)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#bade47
```
#bade47 rgb(186,222,71)
```
#c2e25c
```
#c2e25c rgb(194,226,92)
```
#cae672
```
#cae672 rgb(202,230,114)
```

Monochromatic Color

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

#dad831
```
#dad831 rgb(218,216,49)
```
#ceda31
```
#ceda31 rgb(206,218,49)
```
#c0da31
```
#c0da31 rgb(192,218,49)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#a4da31
```
#a4da31 rgb(164,218,49)
```
#96da31
```
#96da31 rgb(150,218,49)
```
#88da31
```
#88da31 rgb(136,218,49)
```

Similar Colors

Text with hexadecimal color #b2da31

This text has a font color of #b2da31.

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

#b2da31 background color

This paragraph has a background color of #b2da31.

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

#b2da31 border color

This element has a border color of #b2da31.

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

CSS codes

.text {color:#b2da31;}

.background {background-color:#b2da31;}

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

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, #080a02 is the darkest color, while #fdfef9 is the lightest one.

#080a02
```
#080a02 rgb(8,10,2)
```
#161b05
```
#161b05 rgb(22,27,5)
```
#232b08
```
#232b08 rgb(35,43,8)
```
#303c0b
```
#303c0b rgb(48,60,11)
```
#3e4d0e
```
#3e4d0e rgb(62,77,14)
```
#4b5d11
```
#4b5d11 rgb(75,93,17)
```
#596e14
```
#596e14 rgb(89,110,20)
```
#667f17
```
#667f17 rgb(102,127,23)
```
#738f1a
```
#738f1a rgb(115,143,26)
```
#81a01d
```
#81a01d rgb(129,160,29)
```
#8eb020
```
#8eb020 rgb(142,176,32)
```
#9cc123
```
#9cc123 rgb(156,193,35)
```
#a9d226
```
#a9d226 rgb(169,210,38)
```

Shade Color Variation

#b2da31
```
#b2da31 rgb(178,218,49)
```
#b8dd42
```
#b8dd42 rgb(184,221,66)
```
#bee052
```
#bee052 rgb(190,224,82)
```
#c5e363
```
#c5e363 rgb(197,227,99)
```
#cbe674
```
#cbe674 rgb(203,230,116)
```
#d1e984
```
#d1e984 rgb(209,233,132)
```
#d7ec95
```
#d7ec95 rgb(215,236,149)
```
#deefa5
```
#deefa5 rgb(222,239,165)
```
#e4f2b6
```
#e4f2b6 rgb(228,242,182)
```
#eaf5c7
```
#eaf5c7 rgb(234,245,199)
```
#f0f8d7
```
#f0f8d7 rgb(240,248,215)
```
#f6fbe8
```
#f6fbe8 rgb(246,251,232)
```
#fdfef9
```
#fdfef9 rgb(253,254,249)
```

Tint Color Variation

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

#868685
```
#868685 rgb(134,134,133)
```
#8b8f7c
```
#8b8f7c rgb(139,143,124)
```
#909972
```
#909972 rgb(144,153,114)
```
#94a269
```
#94a269 rgb(148,162,105)
```
#99ab60
```
#99ab60 rgb(153,171,96)
```
#9eb556
```
#9eb556 rgb(158,181,86)
```
#a3be4d
```
#a3be4d rgb(163,190,77)
```
#a8c744
```
#a8c744 rgb(168,199,68)
```
#add13a
```
#add13a rgb(173,209,58)
```
#b2da31
```
#b2da31 rgb(178,218,49)
```
#b7e328
```
#b7e328 rgb(183,227,40)
```
#bced1e
```
#bced1e rgb(188,237,30)
```
#c1f615
```
#c1f615 rgb(193,246,21)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#b9c19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce38 Protanopia 1% of men
#ffc44a Deuteranopia 1% of men
#c8cddc Tritanopia 0.001% of the population

Trichromacy

#d3d235 Protanomaly 1% of men, 0.01% of women
#e3cc41 Deuteranomaly 6% of men, 0.4% of women
#c0d29e Tritanomaly 0.01% of the population

#b2da31 hex color

#b2da31 Color Information

#b2da31 Color Conversion

Color Schemes with #b2da31

Alternatives to #b2da31

#b2da31 Preview

Shades and Tints of #b2da31

Tones of #b2da31

Color Blindness Simulator