#fca227 hex color

In a RGB color space, hex #fca227 is composed of 98.8% red, 63.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 84.5% yellow and 1.2% black. It has a hue angle of 34.6 degrees, a saturation of 97.3% and a lightness of 57.1%. #fca227 color hex could be obtained by blending #ffff4e with #f94500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 99
- G 64
- B 15
RGB color chart
- C 0
- M 36
- Y 85
- K 1
CMYK color chart

● #fca227 color description : Bright orange.

The hexadecimal color #fca227 has RGB values of R:252, G:162, B:39 and CMYK values of C:0, M:0.36, Y:0.85, K:0.01. Its decimal value is 16556583.

Hex triplet	fca227	`#fca227`
RGB Decimal	252, 162, 39	`rgb(252,162,39)`
RGB Percent	98.8, 63.5, 15.3	`rgb(98.8%,63.5%,15.3%)`
CMYK	0, 36, 85, 1
HSL	34.6°, 97.3, 57.1	`hsl(34.6,97.3%,57.1%)`
HSV (or HSB)	34.6°, 84.5, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.989, 24.778, 70.981
XYZ	53.433, 46.686, 8.117
xyY	0.494, 0.431, 46.686
CIE-LCH	73.989, 75.181, 70.757
CIE-LUV	73.989, 73.92, 68.949
Hunter-Lab	68.328, 20.016, 40.786
Binary	11111100, 10100010, 00100111

#fca227
```
#fca227 rgb(252,162,39)
```
#2781fc
```
#2781fc rgb(39,129,252)
```

Complementary Color

#fc3727
```
#fc3727 rgb(252,55,39)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#ecfc27
```
#ecfc27 rgb(236,252,39)
```

Analogous Color

#3727fc
```
#3727fc rgb(55,39,252)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#27ecfc
```
#27ecfc rgb(39,236,252)
```

Split Complementary Color

#a227fc
```
#a227fc rgb(162,39,252)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#27fca2
```
#27fca2 rgb(39,252,162)
```

Triadic Color

#fc2781
```
#fc2781 rgb(252,39,129)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#27fca2
```
#27fca2 rgb(39,252,162)
```
#2781fc
```
#2781fc rgb(39,129,252)
```

Tetradic Color

#d47b03
```
#d47b03 rgb(212,123,3)
```
#ed8a03
```
#ed8a03 rgb(237,138,3)
```
#fc970e
```
#fc970e rgb(252,151,14)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#fcad40
```
#fcad40 rgb(252,173,64)
```
#fdb859
```
#fdb859 rgb(253,184,89)
```
#fdc272
```
#fdc272 rgb(253,194,114)
```

Monochromatic Color

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

#fc6d27
```
#fc6d27 rgb(252,109,39)
```
#fc7f27
```
#fc7f27 rgb(252,127,39)
```
#fc9027
```
#fc9027 rgb(252,144,39)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#fcb427
```
#fcb427 rgb(252,180,39)
```
#fcc627
```
#fcc627 rgb(252,198,39)
```
#fcd727
```
#fcd727 rgb(252,215,39)
```

Similar Colors

Text with hexadecimal color #fca227

This text has a font color of #fca227.

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

#fca227 background color

This paragraph has a background color of #fca227.

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

#fca227 border color

This element has a border color of #fca227.

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

CSS codes

.text {color:#fca227;}

.background {background-color:#fca227;}

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

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

#100900
```
#100900 rgb(16,9,0)
```
#241500
```
#241500 rgb(36,21,0)
```
#372001
```
#372001 rgb(55,32,1)
```
#4a2b01
```
#4a2b01 rgb(74,43,1)
```
#5e3701
```
#5e3701 rgb(94,55,1)
```
#714202
```
#714202 rgb(113,66,2)
```
#844d02
```
#844d02 rgb(132,77,2)
```
#985802
```
#985802 rgb(152,88,2)
```
#ab6402
```
#ab6402 rgb(171,100,2)
```
#be6f03
```
#be6f03 rgb(190,111,3)
```
#d27a03
```
#d27a03 rgb(210,122,3)
```
#e58603
```
#e58603 rgb(229,134,3)
```
#f89103
```
#f89103 rgb(248,145,3)
```

Shade Color Variation

#fc9a14
```
#fc9a14 rgb(252,154,20)
```
#fca227
```
#fca227 rgb(252,162,39)
```
#fcaa3a
```
#fcaa3a rgb(252,170,58)
```
#fdb34e
```
#fdb34e rgb(253,179,78)
```
#fdbb61
```
#fdbb61 rgb(253,187,97)
```
#fdc374
```
#fdc374 rgb(253,195,116)
```
#fdcc88
```
#fdcc88 rgb(253,204,136)
```
#fed49b
```
#fed49b rgb(254,212,155)
```
#fedcae
```
#fedcae rgb(254,220,174)
```
#fee5c2
```
#fee5c2 rgb(254,229,194)
```
#feedd5
```
#feedd5 rgb(254,237,213)
```
#fff5e8
```
#fff5e8 rgb(255,245,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#97928c
```
#97928c rgb(151,146,140)
```
#9f9484
```
#9f9484 rgb(159,148,132)
```
#a8957b
```
#a8957b rgb(168,149,123)
```
#b09673
```
#b09673 rgb(176,150,115)
```
#b9986a
```
#b9986a rgb(185,152,106)
```
#c19962
```
#c19962 rgb(193,153,98)
```
#c99a5a
```
#c99a5a rgb(201,154,90)
```
#d29b51
```
#d29b51 rgb(210,155,81)
```
#da9d49
```
#da9d49 rgb(218,157,73)
```
#e39e40
```
#e39e40 rgb(227,158,64)
```
#eb9f38
```
#eb9f38 rgb(235,159,56)
```
#f4a12f
```
#f4a12f rgb(244,161,47)
```
#fca227
```
#fca227 rgb(252,162,39)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#beac94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba37 Protanopia 1% of men
#e7b02c Deuteranopia 1% of men
#ff9ea7 Tritanopia 0.001% of the population

Trichromacy

#dfb131 Protanomaly 1% of men, 0.01% of women
#efab2a Deuteranomaly 6% of men, 0.4% of women
#fd9f79 Tritanomaly 0.01% of the population

#fca227 hex color

#fca227 Color Information

#fca227 Color Conversion

Color Schemes with #fca227

Alternatives to #fca227

#fca227 Preview

Shades and Tints of #fca227

Tones of #fca227

Color Blindness Simulator