#fcb946 hex color

In a RGB color space, hex #fcb946 is composed of 98.8% red, 72.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.6% magenta, 72.2% yellow and 1.2% black. It has a hue angle of 37.9 degrees, a saturation of 96.8% and a lightness of 63.1%. #fcb946 color hex could be obtained by blending #ffff8c with #f97300. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 73
- B 27
RGB color chart
- C 0
- M 27
- Y 72
- K 1
CMYK color chart

● #fcb946 color description : Bright orange.

The hexadecimal color #fcb946 has RGB values of R:252, G:185, B:70 and CMYK values of C:0, M:0.27, Y:0.72, K:0.01. Its decimal value is 16562502.

Hex triplet	fcb946	`#fcb946`
RGB Decimal	252, 185, 70	`rgb(252,185,70)`
RGB Percent	98.8, 72.5, 27.5	`rgb(98.8%,72.5%,27.5%)`
CMYK	0, 27, 72, 1
HSL	37.9°, 96.8, 63.1	`hsl(37.9,96.8%,63.1%)`
HSV (or HSB)	37.9°, 72.2, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.522, 13.824, 65
XYZ	58.6, 55.839, 13.486
xyY	0.458, 0.436, 55.839
CIE-LCH	79.522, 66.453, 77.993
CIE-LUV	79.522, 54.189, 70.513
Hunter-Lab	74.725, 9.212, 41.608
Binary	11111100, 10111001, 01000110

#fcb946
```
#fcb946 rgb(252,185,70)
```
#4689fc
```
#4689fc rgb(70,137,252)
```

Complementary Color

#fc5e46
```
#fc5e46 rgb(252,94,70)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#e4fc46
```
#e4fc46 rgb(228,252,70)
```

Analogous Color

#5e46fc
```
#5e46fc rgb(94,70,252)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#46e4fc
```
#46e4fc rgb(70,228,252)
```

Split Complementary Color

#b946fc
```
#b946fc rgb(185,70,252)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#46fcb9
```
#46fcb9 rgb(70,252,185)
```

Triadic Color

#fc4689
```
#fc4689 rgb(252,70,137)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#46fcb9
```
#46fcb9 rgb(70,252,185)
```
#4689fc
```
#4689fc rgb(70,137,252)
```

Tetradic Color

#f29a04
```
#f29a04 rgb(242,154,4)
```
#fba614
```
#fba614 rgb(251,166,20)
```
#fcb02d
```
#fcb02d rgb(252,176,45)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#fcc25f
```
#fcc25f rgb(252,194,95)
```
#fdcc78
```
#fdcc78 rgb(253,204,120)
```
#fdd591
```
#fdd591 rgb(253,213,145)
```

Monochromatic Color

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

#fc8c46
```
#fc8c46 rgb(252,140,70)
```
#fc9b46
```
#fc9b46 rgb(252,155,70)
```
#fcaa46
```
#fcaa46 rgb(252,170,70)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#fcc846
```
#fcc846 rgb(252,200,70)
```
#fcd746
```
#fcd746 rgb(252,215,70)
```
#fce746
```
#fce746 rgb(252,231,70)
```

Similar Colors

Text with hexadecimal color #fcb946

This text has a font color of #fcb946.

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

#fcb946 background color

This paragraph has a background color of #fcb946.

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

#fcb946 border color

This element has a border color of #fcb946.

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

CSS codes

.text {color:#fcb946;}

.background {background-color:#fcb946;}

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

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

#080500
```
#080500 rgb(8,5,0)
```
#1b1100
```
#1b1100 rgb(27,17,0)
```
#2f1e01
```
#2f1e01 rgb(47,30,1)
```
#422a01
```
#422a01 rgb(66,42,1)
```
#553601
```
#553601 rgb(85,54,1)
```
#694302
```
#694302 rgb(105,67,2)
```
#7c4f02
```
#7c4f02 rgb(124,79,2)
```
#8f5b02
```
#8f5b02 rgb(143,91,2)
```
#a26803
```
#a26803 rgb(162,104,3)
```
#b67403
```
#b67403 rgb(182,116,3)
```
#c98003
```
#c98003 rgb(201,128,3)
```
#dc8d04
```
#dc8d04 rgb(220,141,4)
```
#f09904
```
#f09904 rgb(240,153,4)
```

Shade Color Variation

#fba30c
```
#fba30c rgb(251,163,12)
```
#fbaa1f
```
#fbaa1f rgb(251,170,31)
```
#fcb233
```
#fcb233 rgb(252,178,51)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```
#fcc059
```
#fcc059 rgb(252,192,89)
```
#fdc86d
```
#fdc86d rgb(253,200,109)
```
#fdcf80
```
#fdcf80 rgb(253,207,128)
```
#fdd693
```
#fdd693 rgb(253,214,147)
```
#fedea7
```
#fedea7 rgb(254,222,167)
```
#fee5ba
```
#fee5ba rgb(254,229,186)
```
#feeccd
```
#feeccd rgb(254,236,205)
```
#fff3e0
```
#fff3e0 rgb(255,243,224)
```
#fffbf4
```
#fffbf4 rgb(255,251,244)
```

Tint Color Variation

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

#a5a29d
```
#a5a29d rgb(165,162,157)
```
#aca496
```
#aca496 rgb(172,164,150)
```
#b4a68e
```
#b4a68e rgb(180,166,142)
```
#bba887
```
#bba887 rgb(187,168,135)
```
#c2aa80
```
#c2aa80 rgb(194,170,128)
```
#c9ac79
```
#c9ac79 rgb(201,172,121)
```
#d1ae71
```
#d1ae71 rgb(209,174,113)
```
#d8af6a
```
#d8af6a rgb(216,175,106)
```
#dfb163
```
#dfb163 rgb(223,177,99)
```
#e6b35c
```
#e6b35c rgb(230,179,92)
```
#eeb554
```
#eeb554 rgb(238,181,84)
```
#f5b74d
```
#f5b74d rgb(245,183,77)
```
#fcb946
```
#fcb946 rgb(252,185,70)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#ccbfa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec852 Protanopia 1% of men
#f7be4e Deuteranopia 1% of men
#ffb3be Tritanopia 0.001% of the population

Trichromacy

#e9c24e Protanomaly 1% of men, 0.01% of women
#f9bc4b Deuteranomaly 6% of men, 0.4% of women
#fdb592 Tritanomaly 0.01% of the population

#fcb946 hex color

#fcb946 Color Information

#fcb946 Color Conversion

Color Schemes with #fcb946

Alternatives to #fcb946

#fcb946 Preview

Shades and Tints of #fcb946

Tones of #fcb946

Color Blindness Simulator