#bccb1f hex color

In a RGB color space, hex #bccb1f is composed of 73.7% red, 79.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 84.7% yellow and 20.4% black. It has a hue angle of 65.2 degrees, a saturation of 73.5% and a lightness of 45.9%. #bccb1f color hex could be obtained by blending #ffff3e with #799700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 74
- G 80
- B 12
RGB color chart
- C 7
- M 0
- Y 85
- K 20
CMYK color chart

● #bccb1f color description : Strong yellow.

The hexadecimal color #bccb1f has RGB values of R:188, G:203, B:31 and CMYK values of C:0.07, M:0, Y:0.85, K:0.2. Its decimal value is 12372767.

Hex triplet	bccb1f	`#bccb1f`
RGB Decimal	188, 203, 31	`rgb(188,203,31)`
RGB Percent	73.7, 79.6, 12.2	`rgb(73.7%,79.6%,12.2%)`
CMYK	7, 0, 85, 20
HSL	65.2°, 73.5, 45.9	`hsl(65.2,73.5%,45.9%)`
HSV (or HSB)	65.2°, 84.7, 79.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.171, -24.039, 73.993
XYZ	42.342, 53.502, 9.393
xyY	0.402, 0.508, 53.502
CIE-LCH	78.171, 77.8, 107.998
CIE-LUV	78.171, -3.907, 84.549
Hunter-Lab	73.145, -24.675, 43.588
Binary	10111100, 11001011, 00011111

#bccb1f
```
#bccb1f rgb(188,203,31)
```
#2e1fcb
```
#2e1fcb rgb(46,31,203)
```

Complementary Color

#cb841f
```
#cb841f rgb(203,132,31)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#66cb1f
```
#66cb1f rgb(102,203,31)
```

Analogous Color

#841fcb
```
#841fcb rgb(132,31,203)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#1f66cb
```
#1f66cb rgb(31,102,203)
```

Split Complementary Color

#cb1fbc
```
#cb1fbc rgb(203,31,188)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#1fbccb
```
#1fbccb rgb(31,188,203)
```

Triadic Color

#cb2e1f
```
#cb2e1f rgb(203,46,31)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#1fbccb
```
#1fbccb rgb(31,188,203)
```
#2e1fcb
```
#2e1fcb rgb(46,31,203)
```

Tetradic Color

#7f8915
```
#7f8915 rgb(127,137,21)
```
#939f18
```
#939f18 rgb(147,159,24)
```
#a8b51c
```
#a8b51c rgb(168,181,28)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#cede26
```
#cede26 rgb(206,222,38)
```
#d3e13c
```
#d3e13c rgb(211,225,60)
```
#d8e552
```
#d8e552 rgb(216,229,82)
```

Monochromatic Color

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

#cbaf1f
```
#cbaf1f rgb(203,175,31)
```
#cbbd1f
```
#cbbd1f rgb(203,189,31)
```
#cacb1f
```
#cacb1f rgb(202,203,31)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#aecb1f
```
#aecb1f rgb(174,203,31)
```
#9fcb1f
```
#9fcb1f rgb(159,203,31)
```
#91cb1f
```
#91cb1f rgb(145,203,31)
```

Similar Colors

Text with hexadecimal color #bccb1f

This text has a font color of #bccb1f.

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

#bccb1f background color

This paragraph has a background color of #bccb1f.

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

#bccb1f border color

This element has a border color of #bccb1f.

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

CSS codes

.text {color:#bccb1f;}

.background {background-color:#bccb1f;}

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

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

#0f1002
```
#0f1002 rgb(15,16,2)
```
#1e2105
```
#1e2105 rgb(30,33,5)
```
#2e3208
```
#2e3208 rgb(46,50,8)
```
#3e430a
```
#3e430a rgb(62,67,10)
```
#4e540d
```
#4e540d rgb(78,84,13)
```
#5d650f
```
#5d650f rgb(93,101,15)
```
#6d7612
```
#6d7612 rgb(109,118,18)
```
#7d8715
```
#7d8715 rgb(125,135,21)
```
#8d9817
```
#8d9817 rgb(141,152,23)
```
#9ca91a
```
#9ca91a rgb(156,169,26)
```
#acba1c
```
#acba1c rgb(172,186,28)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#ccdc22
```
#ccdc22 rgb(204,220,34)
```

Shade Color Variation

#d0e032
```
#d0e032 rgb(208,224,50)
```
#d4e243
```
#d4e243 rgb(212,226,67)
```
#d8e554
```
#d8e554 rgb(216,229,84)
```
#dce765
```
#dce765 rgb(220,231,101)
```
#e0ea76
```
#e0ea76 rgb(224,234,118)
```
#e4ed87
```
#e4ed87 rgb(228,237,135)
```
#e8ef98
```
#e8ef98 rgb(232,239,152)
```
#ebf2a9
```
#ebf2a9 rgb(235,242,169)
```
#eff4ba
```
#eff4ba rgb(239,244,186)
```
#f3f7cb
```
#f3f7cb rgb(243,247,203)
```
#f7fadc
```
#f7fadc rgb(247,250,220)
```
#fbfced
```
#fbfced rgb(251,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#797a70
```
#797a70 rgb(121,122,112)
```
#818367
```
#818367 rgb(129,131,103)
```
#888c5e
```
#888c5e rgb(136,140,94)
```
#8f9555
```
#8f9555 rgb(143,149,85)
```
#979e4c
```
#979e4c rgb(151,158,76)
```
#9ea743
```
#9ea743 rgb(158,167,67)
```
#a6b03a
```
#a6b03a rgb(166,176,58)
```
#adb931
```
#adb931 rgb(173,185,49)
```
#b5c228
```
#b5c228 rgb(181,194,40)
```
#bccb1f
```
#bccb1f rgb(188,203,31)
```
#c3d416
```
#c3d416 rgb(195,212,22)
```
#cbdd0d
```
#cbdd0d rgb(203,221,13)
```
#d2e604
```
#d2e604 rgb(210,230,4)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b5b895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc428 Protanopia 1% of men
#f4bb37 Deuteranopia 1% of men
#cec0cd Tritanopia 0.001% of the population

Trichromacy

#d0c724 Protanomaly 1% of men, 0.01% of women
#e0c02e Deuteranomaly 6% of men, 0.4% of women
#c8c48e Tritanomaly 0.01% of the population

#bccb1f hex color

#bccb1f Color Information

#bccb1f Color Conversion

Color Schemes with #bccb1f

Alternatives to #bccb1f

#bccb1f Preview

Shades and Tints of #bccb1f

Tones of #bccb1f

Color Blindness Simulator