#bec166 hex color

In a RGB color space, hex #bec166 is composed of 74.5% red, 75.7% green and 40% blue. Whereas in a CMYK color space, it is composed of 1.6% cyan, 0% magenta, 47.2% yellow and 24.3% black. It has a hue angle of 62 degrees, a saturation of 42.3% and a lightness of 57.8%. #bec166 color hex could be obtained by blending #ffffcc with #7d8300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 75
- G 76
- B 40
RGB color chart
- C 2
- M 0
- Y 47
- K 24
CMYK color chart

● #bec166 color description : Slightly desaturated yellow.

The hexadecimal color #bec166 has RGB values of R:190, G:193, B:102 and CMYK values of C:0.02, M:0, Y:0.47, K:0.24. Its decimal value is 12501350.

Hex triplet	bec166	`#bec166`
RGB Decimal	190, 193, 102	`rgb(190,193,102)`
RGB Percent	74.5, 75.7, 40	`rgb(74.5%,75.7%,40%)`
CMYK	2, 0, 47, 24
HSL	62°, 42.3, 57.8	`hsl(62,42.3%,57.8%)`
HSV (or HSB)	62°, 47.2, 75.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.098, -14.023, 45.138
XYZ	42.703, 50.047, 19.98
xyY	0.379, 0.444, 50.047
CIE-LCH	76.098, 47.266, 107.258
CIE-LUV	76.098, 2.303, 58.855
Hunter-Lab	70.744, -16.054, 32.775
Binary	10111110, 11000001, 01100110

#bec166
```
#bec166 rgb(190,193,102)
```
#6966c1
```
#6966c1 rgb(105,102,193)
```

Complementary Color

#c19766
```
#c19766 rgb(193,151,102)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#91c166
```
#91c166 rgb(145,193,102)
```

Analogous Color

#9766c1
```
#9766c1 rgb(151,102,193)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#6691c1
```
#6691c1 rgb(102,145,193)
```

Split Complementary Color

#c166be
```
#c166be rgb(193,102,190)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#66bec1
```
#66bec1 rgb(102,190,193)
```

Triadic Color

#c16966
```
#c16966 rgb(193,105,102)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#66bec1
```
#66bec1 rgb(102,190,193)
```
#6966c1
```
#6966c1 rgb(105,102,193)
```

Tetradic Color

#989b3f
```
#989b3f rgb(152,155,63)
```
#aaae46
```
#aaae46 rgb(170,174,70)
```
#b6ba54
```
#b6ba54 rgb(182,186,84)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#c6c878
```
#c6c878 rgb(198,200,120)
```
#cdd08a
```
#cdd08a rgb(205,208,138)
```
#d5d79c
```
#d5d79c rgb(213,215,156)
```

Monochromatic Color

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

#c1ad66
```
#c1ad66 rgb(193,173,102)
```
#c1b566
```
#c1b566 rgb(193,181,102)
```
#c1bc66
```
#c1bc66 rgb(193,188,102)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#b6c166
```
#b6c166 rgb(182,193,102)
```
#afc166
```
#afc166 rgb(175,193,102)
```
#a7c166
```
#a7c166 rgb(167,193,102)
```

Similar Colors

Text with hexadecimal color #bec166

This text has a font color of #bec166.

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

#bec166 background color

This paragraph has a background color of #bec166.

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

#bec166 border color

This element has a border color of #bec166.

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

CSS codes

.text {color:#bec166;}

.background {background-color:#bec166;}

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

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 #f9faf2 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#0e0f06
```
#0e0f06 rgb(14,15,6)
```
#1c1c0c
```
#1c1c0c rgb(28,28,12)
```
#2a2a11
```
#2a2a11 rgb(42,42,17)
```
#373817
```
#373817 rgb(55,56,23)
```
#45461d
```
#45461d rgb(69,70,29)
```
#535422
```
#535422 rgb(83,84,34)
```
#606228
```
#606228 rgb(96,98,40)
```
#6e702d
```
#6e702d rgb(110,112,45)
```
#7c7e33
```
#7c7e33 rgb(124,126,51)
```
#898c39
```
#898c39 rgb(137,140,57)
```
#979a3e
```
#979a3e rgb(151,154,62)
```
#a5a844
```
#a5a844 rgb(165,168,68)
```

Shade Color Variation

#b2b64a
```
#b2b64a rgb(178,182,74)
```
#b8bb58
```
#b8bb58 rgb(184,187,88)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#c4c774
```
#c4c774 rgb(196,199,116)
```
#cacc82
```
#cacc82 rgb(202,204,130)
```
#d0d290
```
#d0d290 rgb(208,210,144)
```
#d6d89e
```
#d6d89e rgb(214,216,158)
```
#dcddac
```
#dcddac rgb(220,221,172)
```
#e2e3ba
```
#e2e3ba rgb(226,227,186)
```
#e8e9c8
```
#e8e9c8 rgb(232,233,200)
```
#edeed6
```
#edeed6 rgb(237,238,214)
```
#f3f4e4
```
#f3f4e4 rgb(243,244,228)
```
#f9faf2
```
#f9faf2 rgb(249,250,242)
```

Tint Color Variation

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

#97988f
```
#97988f rgb(151,152,143)
```
#9fa087
```
#9fa087 rgb(159,160,135)
```
#a7a87f
```
#a7a87f rgb(167,168,127)
```
#afb077
```
#afb077 rgb(175,176,119)
```
#b6b96e
```
#b6b96e rgb(182,185,110)
```
#bec166
```
#bec166 rgb(190,193,102)
```
#c6c95e
```
#c6c95e rgb(198,201,94)
```
#cdd255
```
#cdd255 rgb(205,210,85)
```
#d5da4d
```
#d5da4d rgb(213,218,77)
```
#dde245
```
#dde245 rgb(221,226,69)
```
#e5ea3d
```
#e5ea3d rgb(229,234,61)
```
#ecf334
```
#ecf334 rgb(236,243,52)
```
#f4fb2c
```
#f4fb2c rgb(244,251,44)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b8b8a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bf6c Protanopia 1% of men
#e6b672 Deuteranopia 1% of men
#ccb9c7 Tritanopia 0.001% of the population

Trichromacy

#cabf6a Protanomaly 1% of men, 0.01% of women
#d8ba6d Deuteranomaly 6% of men, 0.4% of women
#c7bca3 Tritanomaly 0.01% of the population

#bec166 hex color

#bec166 Color Information

#bec166 Color Conversion

Color Schemes with #bec166

Alternatives to #bec166

#bec166 Preview

Shades and Tints of #bec166

Tones of #bec166

Color Blindness Simulator