#fca31b hex color

In a RGB color space, hex #fca31b is composed of 98.8% red, 63.9% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 89.3% yellow and 1.2% black. It has a hue angle of 36.3 degrees, a saturation of 97.4% and a lightness of 54.7%. #fca31b color hex could be obtained by blending #ffff36 with #f94700. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 64
- B 11
RGB color chart
- C 0
- M 35
- Y 89
- K 1
CMYK color chart

● #fca31b color description : Vivid orange.

The hexadecimal color #fca31b has RGB values of R:252, G:163, B:27 and CMYK values of C:0, M:0.35, Y:0.89, K:0.01. Its decimal value is 16556827.

Hex triplet	fca31b	`#fca31b`
RGB Decimal	252, 163, 27	`rgb(252,163,27)`
RGB Percent	98.8, 63.9, 10.6	`rgb(98.8%,63.9%,10.6%)`
CMYK	0, 35, 89, 1
HSL	36.3°, 97.4, 54.7	`hsl(36.3,97.4%,54.7%)`
HSV (or HSB)	36.3°, 89.3, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.172, 24.009, 74.261
XYZ	53.441, 46.973, 7.289
xyY	0.496, 0.436, 46.973
CIE-LCH	74.172, 78.046, 72.084
CIE-LUV	74.172, 73.527, 71.09
Hunter-Lab	68.537, 19.246, 41.67
Binary	11111100, 10100011, 00011011

#fca31b
```
#fca31b rgb(252,163,27)
```
#1b74fc
```
#1b74fc rgb(27,116,252)
```

Complementary Color

#fc331b
```
#fc331b rgb(252,51,27)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#e5fc1b
```
#e5fc1b rgb(229,252,27)
```

Analogous Color

#331bfc
```
#331bfc rgb(51,27,252)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#1be5fc
```
#1be5fc rgb(27,229,252)
```

Split Complementary Color

#a31bfc
```
#a31bfc rgb(163,27,252)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#1bfca3
```
#1bfca3 rgb(27,252,163)
```

Triadic Color

#fc1b74
```
#fc1b74 rgb(252,27,116)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#1bfca3
```
#1bfca3 rgb(27,252,163)
```
#1b74fc
```
#1b74fc rgb(27,116,252)
```

Tetradic Color

#c87a03
```
#c87a03 rgb(200,122,3)
```
#e18903
```
#e18903 rgb(225,137,3)
```
#fa9903
```
#fa9903 rgb(250,153,3)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#fcad34
```
#fcad34 rgb(252,173,52)
```
#fdb74d
```
#fdb74d rgb(253,183,77)
```
#fdc167
```
#fdc167 rgb(253,193,103)
```

Monochromatic Color

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

#fc6b1b
```
#fc6b1b rgb(252,107,27)
```
#fc7e1b
```
#fc7e1b rgb(252,126,27)
```
#fc901b
```
#fc901b rgb(252,144,27)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#fcb61b
```
#fcb61b rgb(252,182,27)
```
#fcc91b
```
#fcc91b rgb(252,201,27)
```
#fcdb1b
```
#fcdb1b rgb(252,219,27)
```

Similar Colors

Text with hexadecimal color #fca31b

This text has a font color of #fca31b.

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

#fca31b background color

This paragraph has a background color of #fca31b.

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

#fca31b border color

This element has a border color of #fca31b.

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

CSS codes

.text {color:#fca31b;}

.background {background-color:#fca31b;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#180e00
```
#180e00 rgb(24,14,0)
```
#2b1a01
```
#2b1a01 rgb(43,26,1)
```
#3e2601
```
#3e2601 rgb(62,38,1)
```
#523201
```
#523201 rgb(82,50,1)
```
#653e01
```
#653e01 rgb(101,62,1)
```
#784902
```
#784902 rgb(120,73,2)
```
#8c5502
```
#8c5502 rgb(140,85,2)
```
#9f6102
```
#9f6102 rgb(159,97,2)
```
#b36d02
```
#b36d02 rgb(179,109,2)
```
#c67903
```
#c67903 rgb(198,121,3)
```
#d98403
```
#d98403 rgb(217,132,3)
```
#ed9003
```
#ed9003 rgb(237,144,3)
```

Shade Color Variation

#fc9b08
```
#fc9b08 rgb(252,155,8)
```
#fca31b
```
#fca31b rgb(252,163,27)
```
#fcab2e
```
#fcab2e rgb(252,171,46)
```
#fdb342
```
#fdb342 rgb(253,179,66)
```
#fdba55
```
#fdba55 rgb(253,186,85)
```
#fdc268
```
#fdc268 rgb(253,194,104)
```
#fdca7c
```
#fdca7c rgb(253,202,124)
```
#fed28f
```
#fed28f rgb(254,210,143)
```
#fedaa3
```
#fedaa3 rgb(254,218,163)
```
#fee1b6
```
#fee1b6 rgb(254,225,182)
```
#fee9c9
```
#fee9c9 rgb(254,233,201)
```
#fff1dd
```
#fff1dd rgb(255,241,221)
```
#fff9f0
```
#fff9f0 rgb(255,249,240)
```

Tint Color Variation

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

#918d86
```
#918d86 rgb(145,141,134)
```
#9a8f7d
```
#9a8f7d rgb(154,143,125)
```
#a39074
```
#a39074 rgb(163,144,116)
```
#ac926b
```
#ac926b rgb(172,146,107)
```
#b59462
```
#b59462 rgb(181,148,98)
```
#be9659
```
#be9659 rgb(190,150,89)
```
#c79850
```
#c79850 rgb(199,152,80)
```
#d09a47
```
#d09a47 rgb(208,154,71)
```
#d89c3f
```
#d89c3f rgb(216,156,63)
```
#e19d36
```
#e19d36 rgb(225,157,54)
```
#ea9f2d
```
#ea9f2d rgb(234,159,45)
```
#f3a124
```
#f3a124 rgb(243,161,36)
```
#fca31b
```
#fca31b rgb(252,163,27)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#beac91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba2c Protanopia 1% of men
#e8b11e Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b125 Protanomaly 1% of men, 0.01% of women
#efac1d Deuteranomaly 6% of men, 0.4% of women
#fda075 Tritanomaly 0.01% of the population

#fca31b hex color

#fca31b Color Information

#fca31b Color Conversion

Color Schemes with #fca31b

Alternatives to #fca31b

#fca31b Preview

Shades and Tints of #fca31b

Tones of #fca31b

Color Blindness Simulator