#fca226 hex color

In a RGB color space, hex #fca226 is composed of 98.8% red, 63.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 84.9% yellow and 1.2% black. It has a hue angle of 34.8 degrees, a saturation of 97.3% and a lightness of 56.9%. #fca226 color hex could be obtained by blending #ffff4c 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

● #fca226 color description : Bright orange.

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

Hex triplet	fca226	`#fca226`
RGB Decimal	252, 162, 38	`rgb(252,162,38)`
RGB Percent	98.8, 63.5, 14.9	`rgb(98.8%,63.5%,14.9%)`
CMYK	0, 36, 85, 1
HSL	34.8°, 97.3, 56.9	`hsl(34.8,97.3%,56.9%)`
HSV (or HSB)	34.8°, 84.9, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.985, 24.754, 71.272
XYZ	53.417, 46.68, 8.031
xyY	0.494, 0.432, 46.68
CIE-LCH	73.985, 75.449, 70.847
CIE-LUV	73.985, 73.961, 69.121
Hunter-Lab	68.323, 19.991, 40.857
Binary	11111100, 10100010, 00100110

#fca226
```
#fca226 rgb(252,162,38)
```
#2680fc
```
#2680fc rgb(38,128,252)
```

Complementary Color

#fc3726
```
#fc3726 rgb(252,55,38)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#ebfc26
```
#ebfc26 rgb(235,252,38)
```

Analogous Color

#3726fc
```
#3726fc rgb(55,38,252)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#26ebfc
```
#26ebfc rgb(38,235,252)
```

Split Complementary Color

#a226fc
```
#a226fc rgb(162,38,252)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#26fca2
```
#26fca2 rgb(38,252,162)
```

Triadic Color

#fc2680
```
#fc2680 rgb(252,38,128)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#26fca2
```
#26fca2 rgb(38,252,162)
```
#2680fc
```
#2680fc rgb(38,128,252)
```

Tetradic Color

#d37b03
```
#d37b03 rgb(211,123,3)
```
#ec8a03
```
#ec8a03 rgb(236,138,3)
```
#fc970d
```
#fc970d rgb(252,151,13)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#fcad3f
```
#fcad3f rgb(252,173,63)
```
#fdb858
```
#fdb858 rgb(253,184,88)
```
#fdc271
```
#fdc271 rgb(253,194,113)
```

Monochromatic Color

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

#fc6d26
```
#fc6d26 rgb(252,109,38)
```
#fc7e26
```
#fc7e26 rgb(252,126,38)
```
#fc9026
```
#fc9026 rgb(252,144,38)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#fcb426
```
#fcb426 rgb(252,180,38)
```
#fcc626
```
#fcc626 rgb(252,198,38)
```
#fcd826
```
#fcd826 rgb(252,216,38)
```

Similar Colors

Text with hexadecimal color #fca226

This text has a font color of #fca226.

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

#fca226 background color

This paragraph has a background color of #fca226.

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

#fca226 border color

This element has a border color of #fca226.

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

CSS codes

.text {color:#fca226;}

.background {background-color:#fca226;}

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

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

#0f0900
```
#0f0900 rgb(15,9,0)
```
#231400
```
#231400 rgb(35,20,0)
```
#362001
```
#362001 rgb(54,32,1)
```
#492b01
```
#492b01 rgb(73,43,1)
```
#5d3601
```
#5d3601 rgb(93,54,1)
```
#704102
```
#704102 rgb(112,65,2)
```
#834d02
```
#834d02 rgb(131,77,2)
```
#975802
```
#975802 rgb(151,88,2)
```
#aa6302
```
#aa6302 rgb(170,99,2)
```
#bd6f03
```
#bd6f03 rgb(189,111,3)
```
#d17a03
```
#d17a03 rgb(209,122,3)
```
#e48503
```
#e48503 rgb(228,133,3)
```
#f79103
```
#f79103 rgb(247,145,3)
```

Shade Color Variation

#fc9a13
```
#fc9a13 rgb(252,154,19)
```
#fca226
```
#fca226 rgb(252,162,38)
```
#fcaa39
```
#fcaa39 rgb(252,170,57)
```
#fdb34d
```
#fdb34d rgb(253,179,77)
```
#fdbb60
```
#fdbb60 rgb(253,187,96)
```
#fdc373
```
#fdc373 rgb(253,195,115)
```
#fdcb87
```
#fdcb87 rgb(253,203,135)
```
#fed49a
```
#fed49a rgb(254,212,154)
```
#fedcad
```
#fedcad rgb(254,220,173)
```
#fee4c1
```
#fee4c1 rgb(254,228,193)
```
#feedd4
```
#feedd4 rgb(254,237,212)
```
#fff5e7
```
#fff5e7 rgb(255,245,231)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#96928c
```
#96928c rgb(150,146,140)
```
#9f9383
```
#9f9383 rgb(159,147,131)
```
#a7957b
```
#a7957b rgb(167,149,123)
```
#b09672
```
#b09672 rgb(176,150,114)
```
#b8976a
```
#b8976a rgb(184,151,106)
```
#c19961
```
#c19961 rgb(193,153,97)
```
#c99a59
```
#c99a59 rgb(201,154,89)
```
#d29b50
```
#d29b50 rgb(210,155,80)
```
#da9d48
```
#da9d48 rgb(218,157,72)
```
#e39e3f
```
#e39e3f rgb(227,158,63)
```
#eb9f37
```
#eb9f37 rgb(235,159,55)
```
#f4a12e
```
#f4a12e rgb(244,161,46)
```
#fca226
```
#fca226 rgb(252,162,38)
```

Tone Color Variation

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

#cfba36 Protanopia 1% of men
#e7b02b Deuteranopia 1% of men
#ff9ea7 Tritanopia 0.001% of the population

Trichromacy

#dfb130 Protanomaly 1% of men, 0.01% of women
#efab29 Deuteranomaly 6% of men, 0.4% of women
#fd9f78 Tritanomaly 0.01% of the population

#fca226 hex color

#fca226 Color Information

#fca226 Color Conversion

Color Schemes with #fca226

Alternatives to #fca226

#fca226 Preview

Shades and Tints of #fca226

Tones of #fca226

Color Blindness Simulator