#b1c302 hex color

In a RGB color space, hex #b1c302 is composed of 69.4% red, 76.5% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 9.2% cyan, 0% magenta, 99% yellow and 23.5% black. It has a hue angle of 65.6 degrees, a saturation of 98% and a lightness of 38.6%. #b1c302 color hex could be obtained by blending #ffff04 with #638700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 76
- B 1
RGB color chart
- C 9
- M 0
- Y 99
- K 24
CMYK color chart

● #b1c302 color description : Strong yellow.

The hexadecimal color #b1c302 has RGB values of R:177, G:195, B:2 and CMYK values of C:0.09, M:0, Y:0.99, K:0.24. Its decimal value is 11649794.

Hex triplet	b1c302	`#b1c302`
RGB Decimal	177, 195, 2	`rgb(177,195,2)`
RGB Percent	69.4, 76.5, 0.8	`rgb(69.4%,76.5%,0.8%)`
CMYK	9, 0, 99, 24
HSL	65.6°, 98, 38.6	`hsl(65.6,98%,38.6%)`
HSV (or HSB)	65.6°, 99, 76.5
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.065, -25.29, 75.345
XYZ	37.657, 48.382, 7.412
xyY	0.403, 0.518, 48.382
CIE-LCH	75.065, 79.477, 108.555
CIE-LUV	75.065, -5.959, 83.846
Hunter-Lab	69.557, -25.087, 42.372
Binary	10110001, 11000011, 00000010

#b1c302
```
#b1c302 rgb(177,195,2)
```
#1402c3
```
#1402c3 rgb(20,2,195)
```

Complementary Color

#c37502
```
#c37502 rgb(195,117,2)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#51c302
```
#51c302 rgb(81,195,2)
```

Analogous Color

#7502c3
```
#7502c3 rgb(117,2,195)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#0251c3
```
#0251c3 rgb(2,81,195)
```

Split Complementary Color

#c302b1
```
#c302b1 rgb(195,2,177)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#02b1c3
```
#02b1c3 rgb(2,177,195)
```

Triadic Color

#c31402
```
#c31402 rgb(195,20,2)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#02b1c3
```
#02b1c3 rgb(2,177,195)
```
#1402c3
```
#1402c3 rgb(20,2,195)
```

Tetradic Color

#6c7701
```
#6c7701 rgb(108,119,1)
```
#839101
```
#839101 rgb(131,145,1)
```
#9aaa02
```
#9aaa02 rgb(154,170,2)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#c8dc02
```
#c8dc02 rgb(200,220,2)
```
#dff503
```
#dff503 rgb(223,245,3)
```
#e7fd15
```
#e7fd15 rgb(231,253,21)
```

Monochromatic Color

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

#c3a502
```
#c3a502 rgb(195,165,2)
```
#c3b502
```
#c3b502 rgb(195,181,2)
```
#c1c302
```
#c1c302 rgb(193,195,2)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#a1c302
```
#a1c302 rgb(161,195,2)
```
#91c302
```
#91c302 rgb(145,195,2)
```
#81c302
```
#81c302 rgb(129,195,2)
```

Similar Colors

Text with hexadecimal color #b1c302

This text has a font color of #b1c302.

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

#b1c302 background color

This paragraph has a background color of #b1c302.

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

#b1c302 border color

This element has a border color of #b1c302.

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

CSS codes

.text {color:#b1c302;}

.background {background-color:#b1c302;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121400
```
#121400 rgb(18,20,0)
```
#242800
```
#242800 rgb(36,40,0)
```
#363b01
```
#363b01 rgb(54,59,1)
```
#474f01
```
#474f01 rgb(71,79,1)
```
#596201
```
#596201 rgb(89,98,1)
```
#6b7501
```
#6b7501 rgb(107,117,1)
```
#7c8901
```
#7c8901 rgb(124,137,1)
```
#8e9c02
```
#8e9c02 rgb(142,156,2)
```
#9fb002
```
#9fb002 rgb(159,176,2)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```
#c3d602
```
#c3d602 rgb(195,214,2)
```
#d4ea02
```
#d4ea02 rgb(212,234,2)
```

Shade Color Variation

#e5fc03
```
#e5fc03 rgb(229,252,3)
```
#e7fd17
```
#e7fd17 rgb(231,253,23)
```
#e9fd2a
```
#e9fd2a rgb(233,253,42)
```
#ebfd3e
```
#ebfd3e rgb(235,253,62)
```
#edfd51
```
#edfd51 rgb(237,253,81)
```
#effd65
```
#effd65 rgb(239,253,101)
```
#f1fe78
```
#f1fe78 rgb(241,254,120)
```
#f3fe8b
```
#f3fe8b rgb(243,254,139)
```
#f5fe9f
```
#f5fe9f rgb(245,254,159)
```
#f7feb2
```
#f7feb2 rgb(247,254,178)
```
#f9fec6
```
#f9fec6 rgb(249,254,198)
```
#fbffd9
```
#fbffd9 rgb(251,255,217)
```
#fdffec
```
#fdffec rgb(253,255,236)
```

Tint Color Variation

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

#67685d
```
#67685d rgb(103,104,93)
```
#6d7055
```
#6d7055 rgb(109,112,85)
```
#73774e
```
#73774e rgb(115,119,78)
```
#7a7f46
```
#7a7f46 rgb(122,127,70)
```
#80863f
```
#80863f rgb(128,134,63)
```
#868e37
```
#868e37 rgb(134,142,55)
```
#8c962f
```
#8c962f rgb(140,150,47)
```
#929d28
```
#929d28 rgb(146,157,40)
```
#98a520
```
#98a520 rgb(152,165,32)
```
#9fac19
```
#9fac19 rgb(159,172,25)
```
#a5b411
```
#a5b411 rgb(165,180,17)
```
#abbb0a
```
#abbb0a rgb(171,187,10)
```
#b1c302
```
#b1c302 rgb(177,195,2)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#aaad87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3bc00 Protanopia 1% of men
#ebb328 Deuteranopia 1% of men
#c4b8c6 Tritanopia 0.001% of the population

Trichromacy

#c6bf00 Protanomaly 1% of men, 0.01% of women
#d6b91a Deuteranomaly 6% of men, 0.4% of women
#bdbc7e Tritanomaly 0.01% of the population

#b1c302 hex color

#b1c302 Color Information

#b1c302 Color Conversion

Color Schemes with #b1c302

Alternatives to #b1c302

#b1c302 Preview

Shades and Tints of #b1c302

Tones of #b1c302

Color Blindness Simulator