#f5bc74 hex color

In a RGB color space, hex #f5bc74 is composed of 96.1% red, 73.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 52.7% yellow and 3.9% black. It has a hue angle of 33.5 degrees, a saturation of 86.6% and a lightness of 70.8%. #f5bc74 color hex could be obtained by blending #ffffe8 with #eb7900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 74
- B 45
RGB color chart
- C 0
- M 23
- Y 53
- K 4
CMYK color chart

● #f5bc74 color description : Soft orange.

The hexadecimal color #f5bc74 has RGB values of R:245, G:188, B:116 and CMYK values of C:0, M:0.23, Y:0.53, K:0.04. Its decimal value is 16104564.

Hex triplet	f5bc74	`#f5bc74`
RGB Decimal	245, 188, 116	`rgb(245,188,116)`
RGB Percent	96.1, 73.7, 45.5	`rgb(96.1%,73.7%,45.5%)`
CMYK	0, 23, 53, 4
HSL	33.5°, 86.6, 70.8	`hsl(33.5,86.6%,70.8%)`
HSV (or HSB)	33.5°, 52.7, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.978, 12.322, 44.068
XYZ	58.792, 56.643, 24.359
xyY	0.421, 0.405, 56.643
CIE-LCH	79.978, 45.758, 74.379
CIE-LUV	79.978, 43.419, 53.08
Hunter-Lab	75.261, 7.733, 33.494
Binary	11110101, 10111100, 01110100

#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#74adf5
```
#74adf5 rgb(116,173,245)
```

Complementary Color

#f57c74
```
#f57c74 rgb(245,124,116)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#eef574
```
#eef574 rgb(238,245,116)
```

Analogous Color

#7c74f5
```
#7c74f5 rgb(124,116,245)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#74eef5
```
#74eef5 rgb(116,238,245)
```

Split Complementary Color

#bc74f5
```
#bc74f5 rgb(188,116,245)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#74f5bc
```
#74f5bc rgb(116,245,188)
```

Triadic Color

#f574ad
```
#f574ad rgb(245,116,173)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#74f5bc
```
#74f5bc rgb(116,245,188)
```
#74adf5
```
#74adf5 rgb(116,173,245)
```

Tetradic Color

#f09a2d
```
#f09a2d rgb(240,154,45)
```
#f2a544
```
#f2a544 rgb(242,165,68)
```
#f3b15c
```
#f3b15c rgb(243,177,92)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#f7c78c
```
#f7c78c rgb(247,199,140)
```
#f8d3a4
```
#f8d3a4 rgb(248,211,164)
```
#fadebb
```
#fadebb rgb(250,222,187)
```

Monochromatic Color

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

#f59c74
```
#f59c74 rgb(245,156,116)
```
#f5a774
```
#f5a774 rgb(245,167,116)
```
#f5b174
```
#f5b174 rgb(245,177,116)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#f5c774
```
#f5c774 rgb(245,199,116)
```
#f5d274
```
#f5d274 rgb(245,210,116)
```
#f5dc74
```
#f5dc74 rgb(245,220,116)
```

Similar Colors

Text with hexadecimal color #f5bc74

This text has a font color of #f5bc74.

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

#f5bc74 background color

This paragraph has a background color of #f5bc74.

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

#f5bc74 border color

This element has a border color of #f5bc74.

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

CSS codes

.text {color:#f5bc74;}

.background {background-color:#f5bc74;}

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

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

#070401
```
#070401 rgb(7,4,1)
```
#1a0f02
```
#1a0f02 rgb(26,15,2)
```
#2c1a03
```
#2c1a03 rgb(44,26,3)
```
#3e2504
```
#3e2504 rgb(62,37,4)
```
#513006
```
#513006 rgb(81,48,6)
```
#633a07
```
#633a07 rgb(99,58,7)
```
#754508
```
#754508 rgb(117,69,8)
```
#87500a
```
#87500a rgb(135,80,10)
```
#9a5b0b
```
#9a5b0b rgb(154,91,11)
```
#ac660c
```
#ac660c rgb(172,102,12)
```
#be700e
```
#be700e rgb(190,112,14)
```
#d17b0f
```
#d17b0f rgb(209,123,15)
```
#e38610
```
#e38610 rgb(227,134,16)
```

Shade Color Variation

#ee9019
```
#ee9019 rgb(238,144,25)
```
#f0992b
```
#f0992b rgb(240,153,43)
```
#f1a23d
```
#f1a23d rgb(241,162,61)
```
#f2aa4f
```
#f2aa4f rgb(242,170,79)
```
#f4b362
```
#f4b362 rgb(244,179,98)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#f6c586
```
#f6c586 rgb(246,197,134)
```
#f8ce99
```
#f8ce99 rgb(248,206,153)
```
#f9d6ab
```
#f9d6ab rgb(249,214,171)
```
#fadfbd
```
#fadfbd rgb(250,223,189)
```
#fce8cf
```
#fce8cf rgb(252,232,207)
```
#fdf1e2
```
#fdf1e2 rgb(253,241,226)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#b6b5b3
```
#b6b5b3 rgb(182,181,179)
```
#bcb5ad
```
#bcb5ad rgb(188,181,173)
```
#c1b6a8
```
#c1b6a8 rgb(193,182,168)
```
#c7b7a2
```
#c7b7a2 rgb(199,183,162)
```
#cdb79c
```
#cdb79c rgb(205,183,156)
```
#d3b896
```
#d3b896 rgb(211,184,150)
```
#d8b991
```
#d8b991 rgb(216,185,145)
```
#deb98b
```
#deb98b rgb(222,185,139)
```
#e4ba85
```
#e4ba85 rgb(228,186,133)
```
#eabb7f
```
#eabb7f rgb(234,187,127)
```
#efbb7a
```
#efbb7a rgb(239,187,122)
```
#f5bc74
```
#f5bc74 rgb(245,188,116)
```
#fbbd6e
```
#fbbd6e rgb(251,189,110)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cfc3b5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc97e Protanopia 1% of men
#f2c07a Deuteranopia 1% of men
#fcb6c3 Tritanopia 0.001% of the population

Trichromacy

#e4c47a Protanomaly 1% of men, 0.01% of women
#f3be78 Deuteranomaly 6% of men, 0.4% of women
#f9b8a6 Tritanomaly 0.01% of the population

#f5bc74 hex color

#f5bc74 Color Information

#f5bc74 Color Conversion

Color Schemes with #f5bc74

Alternatives to #f5bc74

#f5bc74 Preview

Shades and Tints of #f5bc74

Tones of #f5bc74

Color Blindness Simulator