#bccd1f hex color

In a RGB color space, hex #bccd1f is composed of 73.7% red, 80.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 8.3% cyan, 0% magenta, 84.9% yellow and 19.6% black. It has a hue angle of 65.9 degrees, a saturation of 73.7% and a lightness of 46.3%. #bccd1f color hex could be obtained by blending #ffff3e with #799b00. Closest websafe color is: #cccc33.

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

● #bccd1f color description : Strong yellow.

The hexadecimal color #bccd1f has RGB values of R:188, G:205, B:31 and CMYK values of C:0.08, M:0, Y:0.85, K:0.2. Its decimal value is 12373279.

Hex triplet	bccd1f	`#bccd1f`
RGB Decimal	188, 205, 31	`rgb(188,205,31)`
RGB Percent	73.7, 80.4, 12.2	`rgb(73.7%,80.4%,12.2%)`
CMYK	8, 0, 85, 20
HSL	65.9°, 73.7, 46.3	`hsl(65.9,73.7%,46.3%)`
HSV (or HSB)	65.9°, 84.9, 80.4
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.725, -25.005, 74.455
XYZ	42.818, 54.453, 9.551
xyY	0.401, 0.51, 54.453
CIE-LCH	78.725, 78.541, 108.564
CIE-LUV	78.725, -5.144, 85.341
Hunter-Lab	73.792, -25.563, 43.981
Binary	10111100, 11001101, 00011111

#bccd1f
```
#bccd1f rgb(188,205,31)
```
#301fcd
```
#301fcd rgb(48,31,205)
```

Complementary Color

#cd871f
```
#cd871f rgb(205,135,31)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#65cd1f
```
#65cd1f rgb(101,205,31)
```

Analogous Color

#871fcd
```
#871fcd rgb(135,31,205)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#1f65cd
```
#1f65cd rgb(31,101,205)
```

Split Complementary Color

#cd1fbc
```
#cd1fbc rgb(205,31,188)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#1fbccd
```
#1fbccd rgb(31,188,205)
```

Triadic Color

#cd301f
```
#cd301f rgb(205,48,31)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#1fbccd
```
#1fbccd rgb(31,188,205)
```
#301fcd
```
#301fcd rgb(48,31,205)
```

Tetradic Color

#7f8b15
```
#7f8b15 rgb(127,139,21)
```
#93a118
```
#93a118 rgb(147,161,24)
```
#a8b71c
```
#a8b71c rgb(168,183,28)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#ccde27
```
#ccde27 rgb(204,222,39)
```
#d2e23d
```
#d2e23d rgb(210,226,61)
```
#d7e553
```
#d7e553 rgb(215,229,83)
```

Monochromatic Color

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

#cdb31f
```
#cdb31f rgb(205,179,31)
```
#cdc11f
```
#cdc11f rgb(205,193,31)
```
#cbcd1f
```
#cbcd1f rgb(203,205,31)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#aecd1f
```
#aecd1f rgb(174,205,31)
```
#9fcd1f
```
#9fcd1f rgb(159,205,31)
```
#91cd1f
```
#91cd1f rgb(145,205,31)
```

Similar Colors

Text with hexadecimal color #bccd1f

This text has a font color of #bccd1f.

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

#bccd1f background color

This paragraph has a background color of #bccd1f.

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

#bccd1f border color

This element has a border color of #bccd1f.

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

CSS codes

.text {color:#bccd1f;}

.background {background-color:#bccd1f;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#101203
```
#101203 rgb(16,18,3)
```
#202305
```
#202305 rgb(32,35,5)
```
#2f3408
```
#2f3408 rgb(47,52,8)
```
#3f450a
```
#3f450a rgb(63,69,10)
```
#4f560d
```
#4f560d rgb(79,86,13)
```
#5e6710
```
#5e6710 rgb(94,103,16)
```
#6e7812
```
#6e7812 rgb(110,120,18)
```
#7d8915
```
#7d8915 rgb(125,137,21)
```
#8d9a17
```
#8d9a17 rgb(141,154,23)
```
#9dab1a
```
#9dab1a rgb(157,171,26)
```
#acbc1c
```
#acbc1c rgb(172,188,28)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```

Shade Color Variation

#cbde22
```
#cbde22 rgb(203,222,34)
```
#cfe033
```
#cfe033 rgb(207,224,51)
```
#d3e344
```
#d3e344 rgb(211,227,68)
```
#d7e555
```
#d7e555 rgb(215,229,85)
```
#dbe866
```
#dbe866 rgb(219,232,102)
```
#dfea77
```
#dfea77 rgb(223,234,119)
```
#e3ed88
```
#e3ed88 rgb(227,237,136)
```
#e7f099
```
#e7f099 rgb(231,240,153)
```
#ebf2aa
```
#ebf2aa rgb(235,242,170)
```
#eff5bb
```
#eff5bb rgb(239,245,187)
```
#f3f7cc
```
#f3f7cc rgb(243,247,204)
```
#f7fadd
```
#f7fadd rgb(247,250,221)
```
#fbfdee
```
#fbfdee rgb(251,253,238)
```

Tint Color Variation

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

#7a7b71
```
#7a7b71 rgb(122,123,113)
```
#828468
```
#828468 rgb(130,132,104)
```
#898d5f
```
#898d5f rgb(137,141,95)
```
#909755
```
#909755 rgb(144,151,85)
```
#97a04c
```
#97a04c rgb(151,160,76)
```
#9fa943
```
#9fa943 rgb(159,169,67)
```
#a6b23a
```
#a6b23a rgb(166,178,58)
```
#adbb31
```
#adbb31 rgb(173,187,49)
```
#b5c428
```
#b5c428 rgb(181,196,40)
```
#bccd1f
```
#bccd1f rgb(188,205,31)
```
#c3d616
```
#c3d616 rgb(195,214,22)
```
#cbdf0d
```
#cbdf0d rgb(203,223,13)
```
#d2e804
```
#d2e804 rgb(210,232,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b6b996 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc628 Protanopia 1% of men
#f6bc38 Deuteranopia 1% of men
#cfc2cf Tritanopia 0.001% of the population

Trichromacy

#d1c824 Protanomaly 1% of men, 0.01% of women
#e1c22f Deuteranomaly 6% of men, 0.4% of women
#c8c68f Tritanomaly 0.01% of the population

#bccd1f hex color

#bccd1f Color Information

#bccd1f Color Conversion

Color Schemes with #bccd1f

Alternatives to #bccd1f

#bccd1f Preview

Shades and Tints of #bccd1f

Tones of #bccd1f

Color Blindness Simulator