#b2c618 hex color

In a RGB color space, hex #b2c618 is composed of 69.8% red, 77.6% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 10.1% cyan, 0% magenta, 87.9% yellow and 22.4% black. It has a hue angle of 66.9 degrees, a saturation of 78.4% and a lightness of 43.5%. #b2c618 color hex could be obtained by blending #ffff30 with #658d00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 70
- G 78
- B 9
RGB color chart
- C 10
- M 0
- Y 88
- K 22
CMYK color chart

● #b2c618 color description : Strong yellow.

The hexadecimal color #b2c618 has RGB values of R:178, G:198, B:24 and CMYK values of C:0.1, M:0, Y:0.88, K:0.22. Its decimal value is 11716120.

Hex triplet	b2c618	`#b2c618`
RGB Decimal	178, 198, 24	`rgb(178,198,24)`
RGB Percent	69.8, 77.6, 9.4	`rgb(69.8%,77.6%,9.4%)`
CMYK	10, 0, 88, 22
HSL	66.9°, 78.4, 43.5	`hsl(66.9,78.4%,43.5%)`
HSV (or HSB)	66.9°, 87.9, 77.6
Web Safe	99cc00	`#99cc00`

CIE-LAB	76.02, -25.986, 73.312
XYZ	38.719, 49.919, 8.46
xyY	0.399, 0.514, 49.919
CIE-LCH	76.02, 77.782, 109.517
CIE-LUV	76.02, -7.228, 83.361
Hunter-Lab	70.654, -25.824, 42.358
Binary	10110010, 11000110, 00011000

#b2c618
```
#b2c618 rgb(178,198,24)
```
#2c18c6
```
#2c18c6 rgb(44,24,198)
```

Complementary Color

#c68318
```
#c68318 rgb(198,131,24)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#5bc618
```
#5bc618 rgb(91,198,24)
```

Analogous Color

#8318c6
```
#8318c6 rgb(131,24,198)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#185bc6
```
#185bc6 rgb(24,91,198)
```

Split Complementary Color

#c618b2
```
#c618b2 rgb(198,24,178)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#18b2c6
```
#18b2c6 rgb(24,178,198)
```

Triadic Color

#c62c18
```
#c62c18 rgb(198,44,24)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#18b2c6
```
#18b2c6 rgb(24,178,198)
```
#2c18c6
```
#2c18c6 rgb(44,24,198)
```

Tetradic Color

#758210
```
#758210 rgb(117,130,16)
```
#899912
```
#899912 rgb(137,153,18)
```
#9eaf15
```
#9eaf15 rgb(158,175,21)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#c6dd1b
```
#c6dd1b rgb(198,221,27)
```
#d0e52c
```
#d0e52c rgb(208,229,44)
```
#d5e842
```
#d5e842 rgb(213,232,66)
```

Monochromatic Color

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

#c6af18
```
#c6af18 rgb(198,175,24)
```
#c6bd18
```
#c6bd18 rgb(198,189,24)
```
#c1c618
```
#c1c618 rgb(193,198,24)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#a4c618
```
#a4c618 rgb(164,198,24)
```
#95c618
```
#95c618 rgb(149,198,24)
```
#87c618
```
#87c618 rgb(135,198,24)
```

Similar Colors

Text with hexadecimal color #b2c618

This text has a font color of #b2c618.

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

#b2c618 background color

This paragraph has a background color of #b2c618.

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

#b2c618 border color

This element has a border color of #b2c618.

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

CSS codes

.text {color:#b2c618;}

.background {background-color:#b2c618;}

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

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

#050601
```
#050601 rgb(5,6,1)
```
#151703
```
#151703 rgb(21,23,3)
```
#242905
```
#242905 rgb(36,41,5)
```
#343a07
```
#343a07 rgb(52,58,7)
```
#444c09
```
#444c09 rgb(68,76,9)
```
#545d0b
```
#545d0b rgb(84,93,11)
```
#636f0d
```
#636f0d rgb(99,111,13)
```
#738010
```
#738010 rgb(115,128,16)
```
#839212
```
#839212 rgb(131,146,18)
```
#93a314
```
#93a314 rgb(147,163,20)
```
#a2b516
```
#a2b516 rgb(162,181,22)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#c2d71a
```
#c2d71a rgb(194,215,26)
```

Shade Color Variation

#cee421
```
#cee421 rgb(206,228,33)
```
#d2e633
```
#d2e633 rgb(210,230,51)
```
#d5e844
```
#d5e844 rgb(213,232,68)
```
#d9ea56
```
#d9ea56 rgb(217,234,86)
```
#dded67
```
#dded67 rgb(221,237,103)
```
#e1ef79
```
#e1ef79 rgb(225,239,121)
```
#e5f18a
```
#e5f18a rgb(229,241,138)
```
#e9f39c
```
#e9f39c rgb(233,243,156)
```
#edf5ad
```
#edf5ad rgb(237,245,173)
```
#f1f7bf
```
#f1f7bf rgb(241,247,191)
```
#f5f9d0
```
#f5f9d0 rgb(245,249,208)
```
#f8fbe2
```
#f8fbe2 rgb(248,251,226)
```
#fcfef3
```
#fcfef3 rgb(252,254,243)
```

Tint Color Variation

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

#70716d
```
#70716d rgb(112,113,109)
```
#777965
```
#777965 rgb(119,121,101)
```
#7d825c
```
#7d825c rgb(125,130,92)
```
#848a54
```
#848a54 rgb(132,138,84)
```
#8b934b
```
#8b934b rgb(139,147,75)
```
#919b43
```
#919b43 rgb(145,155,67)
```
#98a43a
```
#98a43a rgb(152,164,58)
```
#9eac32
```
#9eac32 rgb(158,172,50)
```
#a5b529
```
#a5b529 rgb(165,181,41)
```
#abbd21
```
#abbd21 rgb(171,189,33)
```
#b2c618
```
#b2c618 rgb(178,198,24)
```
#b9cf0f
```
#b9cf0f rgb(185,207,15)
```
#bfd707
```
#bfd707 rgb(191,215,7)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adb18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf21 Protanopia 1% of men
#edb533 Deuteranopia 1% of men
#c5bbc9 Tritanopia 0.001% of the population

Trichromacy

#c8c11d Protanomaly 1% of men, 0.01% of women
#d8bb29 Deuteranomaly 6% of men, 0.4% of women
#bebf88 Tritanomaly 0.01% of the population

#b2c618 hex color

#b2c618 Color Information

#b2c618 Color Conversion

Color Schemes with #b2c618

Alternatives to #b2c618

#b2c618 Preview

Shades and Tints of #b2c618

Tones of #b2c618

Color Blindness Simulator