#bec475 hex color

In a RGB color space, hex #bec475 is composed of 74.5% red, 76.9% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 0% magenta, 40.3% yellow and 23.1% black. It has a hue angle of 64.6 degrees, a saturation of 40.1% and a lightness of 61.4%. #bec475 color hex could be obtained by blending #ffffea with #7d8900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 75
- G 77
- B 46
RGB color chart
- C 3
- M 0
- Y 40
- K 23
CMYK color chart

● #bec475 color description : Slightly desaturated yellow.

The hexadecimal color #bec475 has RGB values of R:190, G:196, B:117 and CMYK values of C:0.03, M:0, Y:0.4, K:0.23. Its decimal value is 12502133.

Hex triplet	bec475	`#bec475`
RGB Decimal	190, 196, 117	`rgb(190,196,117)`
RGB Percent	74.5, 76.9, 45.9	`rgb(74.5%,76.9%,45.9%)`
CMYK	3, 0, 40, 23
HSL	64.6°, 40.1, 61.4	`hsl(64.6,40.1%,61.4%)`
HSV (or HSB)	64.6°, 40.3, 76.9
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.108, -13.996, 38.914
XYZ	44.185, 51.712, 24.482
xyY	0.367, 0.43, 51.712
CIE-LCH	77.108, 41.355, 109.782
CIE-LUV	77.108, 0.011, 52.781
Hunter-Lab	71.911, -16.165, 30.152
Binary	10111110, 11000100, 01110101

#bec475
```
#bec475 rgb(190,196,117)
```
#7b75c4
```
#7b75c4 rgb(123,117,196)
```

Complementary Color

#c4a375
```
#c4a375 rgb(196,163,117)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#97c475
```
#97c475 rgb(151,196,117)
```

Analogous Color

#a375c4
```
#a375c4 rgb(163,117,196)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#7597c4
```
#7597c4 rgb(117,151,196)
```

Split Complementary Color

#c475be
```
#c475be rgb(196,117,190)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#75bec4
```
#75bec4 rgb(117,190,196)
```

Triadic Color

#c47b75
```
#c47b75 rgb(196,123,117)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#75bec4
```
#75bec4 rgb(117,190,196)
```
#7b75c4
```
#7b75c4 rgb(123,117,196)
```

Tetradic Color

#9ea647
```
#9ea647 rgb(158,166,71)
```
#adb551
```
#adb551 rgb(173,181,81)
```
#b6bc63
```
#b6bc63 rgb(182,188,99)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#c6cc87
```
#c6cc87 rgb(198,204,135)
```
#cfd399
```
#cfd399 rgb(207,211,153)
```
#d7dbab
```
#d7dbab rgb(215,219,171)
```

Monochromatic Color

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

#c4b675
```
#c4b675 rgb(196,182,117)
```
#c4bd75
```
#c4bd75 rgb(196,189,117)
```
#c4c375
```
#c4c375 rgb(196,195,117)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#b7c475
```
#b7c475 rgb(183,196,117)
```
#b1c475
```
#b1c475 rgb(177,196,117)
```
#aac475
```
#aac475 rgb(170,196,117)
```

Similar Colors

Text with hexadecimal color #bec475

This text has a font color of #bec475.

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

#bec475 background color

This paragraph has a background color of #bec475.

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

#bec475 border color

This element has a border color of #bec475.

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

CSS codes

.text {color:#bec475;}

.background {background-color:#bec475;}

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

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

#0d0d06
```
#0d0d06 rgb(13,13,6)
```
#1a1b0b
```
#1a1b0b rgb(26,27,11)
```
#272911
```
#272911 rgb(39,41,17)
```
#343617
```
#343617 rgb(52,54,23)
```
#41441d
```
#41441d rgb(65,68,29)
```
#4e5223
```
#4e5223 rgb(78,82,35)
```
#5b6029
```
#5b6029 rgb(91,96,41)
```
#696d2f
```
#696d2f rgb(105,109,47)
```
#767b35
```
#767b35 rgb(118,123,53)
```
#83893a
```
#83893a rgb(131,137,58)
```
#909740
```
#909740 rgb(144,151,64)
```
#9da446
```
#9da446 rgb(157,164,70)
```
#aab24c
```
#aab24c rgb(170,178,76)
```

Shade Color Variation

#b1b85a
```
#b1b85a rgb(177,184,90)
```
#b8be67
```
#b8be67 rgb(184,190,103)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#c4ca83
```
#c4ca83 rgb(196,202,131)
```
#cbd090
```
#cbd090 rgb(203,208,144)
```
#d1d69e
```
#d1d69e rgb(209,214,158)
```
#d8dbac
```
#d8dbac rgb(216,219,172)
```
#dee1ba
```
#dee1ba rgb(222,225,186)
```
#e5e7c7
```
#e5e7c7 rgb(229,231,199)
```
#ebedd5
```
#ebedd5 rgb(235,237,213)
```
#f2f3e3
```
#f2f3e3 rgb(242,243,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9e9e9b
```
#9e9e9b rgb(158,158,155)
```
#a4a693
```
#a4a693 rgb(164,166,147)
```
#abad8c
```
#abad8c rgb(171,173,140)
```
#b1b584
```
#b1b584 rgb(177,181,132)
```
#b8bc7d
```
#b8bc7d rgb(184,188,125)
```
#bec475
```
#bec475 rgb(190,196,117)
```
#c4cc6d
```
#c4cc6d rgb(196,204,109)
```
#cbd366
```
#cbd366 rgb(203,211,102)
```
#d1db5e
```
#d1db5e rgb(209,219,94)
```
#d8e257
```
#d8e257 rgb(216,226,87)
```
#deea4f
```
#deea4f rgb(222,234,79)
```
#e5f148
```
#e5f148 rgb(229,241,72)
```
#ebf940
```
#ebf940 rgb(235,249,64)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#babbab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c17a Protanopia 1% of men
#e7b980 Deuteranopia 1% of men
#cbbdca Tritanopia 0.001% of the population

Trichromacy

#cbc278 Protanomaly 1% of men, 0.01% of women
#d8bd7c Deuteranomaly 6% of men, 0.4% of women
#c6bfab Tritanomaly 0.01% of the population

#bec475 hex color

#bec475 Color Information

#bec475 Color Conversion

Color Schemes with #bec475

Alternatives to #bec475

#bec475 Preview

Shades and Tints of #bec475

Tones of #bec475

Color Blindness Simulator