#bec165 hex color

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

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

● #bec165 color description : Slightly desaturated yellow.

The hexadecimal color #bec165 has RGB values of R:190, G:193, B:101 and CMYK values of C:0.02, M:0, Y:0.48, K:0.24. Its decimal value is 12501349.

Hex triplet	bec165	`#bec165`
RGB Decimal	190, 193, 101	`rgb(190,193,101)`
RGB Percent	74.5, 75.7, 39.6	`rgb(74.5%,75.7%,39.6%)`
CMYK	2, 0, 48, 24
HSL	62°, 42.6, 57.6	`hsl(62,42.6%,57.6%)`
HSV (or HSB)	62°, 47.7, 75.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	76.086, -14.118, 45.612
XYZ	42.654, 50.027, 19.72
xyY	0.379, 0.445, 50.027
CIE-LCH	76.086, 47.747, 107.199
CIE-LUV	76.086, 2.335, 59.329
Hunter-Lab	70.73, -16.132, 32.98
Binary	10111110, 11000001, 01100101

#bec165
```
#bec165 rgb(190,193,101)
```
#6865c1
```
#6865c1 rgb(104,101,193)
```

Complementary Color

#c19665
```
#c19665 rgb(193,150,101)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#90c165
```
#90c165 rgb(144,193,101)
```

Analogous Color

#9665c1
```
#9665c1 rgb(150,101,193)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#6590c1
```
#6590c1 rgb(101,144,193)
```

Split Complementary Color

#c165be
```
#c165be rgb(193,101,190)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#65bec1
```
#65bec1 rgb(101,190,193)
```

Triadic Color

#c16865
```
#c16865 rgb(193,104,101)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#65bec1
```
#65bec1 rgb(101,190,193)
```
#6865c1
```
#6865c1 rgb(104,101,193)
```

Tetradic Color

#989b3e
```
#989b3e rgb(152,155,62)
```
#aaad46
```
#aaad46 rgb(170,173,70)
```
#b6ba53
```
#b6ba53 rgb(182,186,83)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#c6c877
```
#c6c877 rgb(198,200,119)
```
#cdd089
```
#cdd089 rgb(205,208,137)
```
#d5d79c
```
#d5d79c rgb(213,215,156)
```

Monochromatic Color

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

#c1ad65
```
#c1ad65 rgb(193,173,101)
```
#c1b565
```
#c1b565 rgb(193,181,101)
```
#c1bc65
```
#c1bc65 rgb(193,188,101)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#b6c165
```
#b6c165 rgb(182,193,101)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#a7c165
```
#a7c165 rgb(167,193,101)
```

Similar Colors

Text with hexadecimal color #bec165

This text has a font color of #bec165.

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

#bec165 background color

This paragraph has a background color of #bec165.

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

#bec165 border color

This element has a border color of #bec165.

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

CSS codes

.text {color:#bec165;}

.background {background-color:#bec165;}

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

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

#0e0e06
```
#0e0e06 rgb(14,14,6)
```
#1b1c0b
```
#1b1c0b rgb(27,28,11)
```
#292a11
```
#292a11 rgb(41,42,17)
```
#373816
```
#373816 rgb(55,56,22)
```
#44461c
```
#44461c rgb(68,70,28)
```
#525422
```
#525422 rgb(82,84,34)
```
#606227
```
#606227 rgb(96,98,39)
```
#6e702d
```
#6e702d rgb(110,112,45)
```
#7b7e33
```
#7b7e33 rgb(123,126,51)
```
#898c38
```
#898c38 rgb(137,140,56)
```
#979a3e
```
#979a3e rgb(151,154,62)
```
#a4a843
```
#a4a843 rgb(164,168,67)
```
#b2b649
```
#b2b649 rgb(178,182,73)
```

Shade Color Variation

#b8bb57
```
#b8bb57 rgb(184,187,87)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#c4c773
```
#c4c773 rgb(196,199,115)
```
#cacc81
```
#cacc81 rgb(202,204,129)
```
#d0d28f
```
#d0d28f rgb(208,210,143)
```
#d6d89d
```
#d6d89d rgb(214,216,157)
```
#dcddab
```
#dcddab rgb(220,221,171)
```
#e1e3b9
```
#e1e3b9 rgb(225,227,185)
```
#e7e8c7
```
#e7e8c7 rgb(231,232,199)
```
#edeed5
```
#edeed5 rgb(237,238,213)
```
#f3f4e3
```
#f3f4e3 rgb(243,244,227)
```
#f9f9f1
```
#f9f9f1 rgb(249,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#97978f
```
#97978f rgb(151,151,143)
```
#9fa086
```
#9fa086 rgb(159,160,134)
```
#a7a87e
```
#a7a87e rgb(167,168,126)
```
#aeb076
```
#aeb076 rgb(174,176,118)
```
#b6b96d
```
#b6b96d rgb(182,185,109)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#c6c95d
```
#c6c95d rgb(198,201,93)
```
#ced254
```
#ced254 rgb(206,210,84)
```
#d5da4c
```
#d5da4c rgb(213,218,76)
```
#dde244
```
#dde244 rgb(221,226,68)
```
#e5eb3b
```
#e5eb3b rgb(229,235,59)
```
#edf333
```
#edf333 rgb(237,243,51)
```
#f4fb2b
```
#f4fb2b rgb(244,251,43)
```

Tone Color Variation

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

#d1bf6b Protanopia 1% of men
#e7b671 Deuteranopia 1% of men
#ccb9c7 Tritanopia 0.001% of the population

Trichromacy

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

#bec165 hex color

#bec165 Color Information

#bec165 Color Conversion

Color Schemes with #bec165

Alternatives to #bec165

#bec165 Preview

Shades and Tints of #bec165

Tones of #bec165

Color Blindness Simulator