colorhexa.com

#fca03f hex color

In a RGB color space, hex #fca03f is composed of 98.8% red, 62.7% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 75% yellow and 1.2% black. It has a hue angle of 30.8 degrees, a saturation of 96.9% and a lightness of 61.8%. #fca03f color hex could be obtained by blending #ffff7e with #f94100. Closest websafe color is: #ff9933.

- R 99
- G 63
- B 25
RGB color chart
- C 0
- M 37
- Y 75
- K 1
CMYK color chart

● #fca03f color description : Bright orange.

The hexadecimal color #fca03f has RGB values of R:252, G:160, B:63 and CMYK values of C:0, M:0.37, Y:0.75, K:0.01. Its decimal value is 16556095.

Hex triplet	fca03f	`#fca03f`
RGB Decimal	252, 160, 63	`rgb(252,160,63)`
RGB Percent	98.8, 62.7, 24.7	`rgb(98.8%,62.7%,24.7%)`
CMYK	0, 37, 75, 1
HSL	30.8°, 96.9, 61.8	`hsl(30.8,96.9%,61.8%)`
HSV (or HSB)	30.8°, 75, 98.8
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.675, 26.597, 62.043
XYZ	53.614, 46.2, 10.796
xyY	0.485, 0.418, 46.2
CIE-LCH	73.675, 67.503, 66.796
CIE-LUV	73.675, 74.187, 62.66
Hunter-Lab	67.97, 21.85, 38.162
Binary	11111100, 10100000, 00111111

#fca03f
```
#fca03f rgb(252,160,63)
```
#3f9bfc
```
#3f9bfc rgb(63,155,252)
```

Complementary Color

#fc423f
```
#fc423f rgb(252,66,63)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#fafc3f
```
#fafc3f rgb(250,252,63)
```

Analogous Color

#423ffc
```
#423ffc rgb(66,63,252)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#3ffafc
```
#3ffafc rgb(63,250,252)
```

Split Complementary Color

#a03ffc
```
#a03ffc rgb(160,63,252)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#3ffca0
```
#3ffca0 rgb(63,252,160)
```

Triadic Color

#fc3f9b
```
#fc3f9b rgb(252,63,155)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#3ffca0
```
#3ffca0 rgb(63,252,160)
```
#3f9bfc
```
#3f9bfc rgb(63,155,252)
```

Tetradic Color

#eb7a04
```
#eb7a04 rgb(235,122,4)
```
#fb870d
```
#fb870d rgb(251,135,13)
```
#fc9426
```
#fc9426 rgb(252,148,38)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#fcac58
```
#fcac58 rgb(252,172,88)
```
#fdb971
```
#fdb971 rgb(253,185,113)
```
#fdc58a
```
#fdc58a rgb(253,197,138)
```

Monochromatic Color

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

#fc713f
```
#fc713f rgb(252,113,63)
```
#fc813f
```
#fc813f rgb(252,129,63)
```
#fc903f
```
#fc903f rgb(252,144,63)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#fcb03f
```
#fcb03f rgb(252,176,63)
```
#fcc03f
```
#fcc03f rgb(252,192,63)
```
#fccf3f
```
#fccf3f rgb(252,207,63)
```

Similar Colors

Text with hexadecimal color #fca03f

This text has a font color of #fca03f.

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

#fca03f background color

This paragraph has a background color of #fca03f.

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

#fca03f border color

This element has a border color of #fca03f.

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

CSS codes

.text {color:#fca03f;}

.background {background-color:#fca03f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#140b00
```
#140b00 rgb(20,11,0)
```
#281501
```
#281501 rgb(40,21,1)
```
#3b1f01
```
#3b1f01 rgb(59,31,1)
```
#4e2901
```
#4e2901 rgb(78,41,1)
```
#623302
```
#623302 rgb(98,51,2)
```
#753d02
```
#753d02 rgb(117,61,2)
```
#884702
```
#884702 rgb(136,71,2)
```
#9c5102
```
#9c5102 rgb(156,81,2)
```
#af5b03
```
#af5b03 rgb(175,91,3)
```
#c26503
```
#c26503 rgb(194,101,3)
```
#d66f03
```
#d66f03 rgb(214,111,3)
```
#e97904
```
#e97904 rgb(233,121,4)
```

Shade Color Variation

#fb8305
```
#fb8305 rgb(251,131,5)
```
#fb8d18
```
#fb8d18 rgb(251,141,24)
```
#fc962c
```
#fc962c rgb(252,150,44)
```
#fca03f
```
#fca03f rgb(252,160,63)
```
#fcaa52
```
#fcaa52 rgb(252,170,82)
```
#fdb366
```
#fdb366 rgb(253,179,102)
```
#fdbd79
```
#fdbd79 rgb(253,189,121)
```
#fdc68c
```
#fdc68c rgb(253,198,140)
```
#fed0a0
```
#fed0a0 rgb(254,208,160)
```
#fed9b3
```
#fed9b3 rgb(254,217,179)
```
#fee3c6
```
#fee3c6 rgb(254,227,198)
```
#feecda
```
#feecda rgb(254,236,218)
```
#fff6ed
```
#fff6ed rgb(255,246,237)
```

Tint Color Variation

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

#a29e99
```
#a29e99 rgb(162,158,153)
```
#aa9e92
```
#aa9e92 rgb(170,158,146)
```
#b19e8a
```
#b19e8a rgb(177,158,138)
```
#b99e83
```
#b99e83 rgb(185,158,131)
```
#c09e7b
```
#c09e7b rgb(192,158,123)
```
#c89f74
```
#c89f74 rgb(200,159,116)
```
#cf9f6c
```
#cf9f6c rgb(207,159,108)
```
#d79f65
```
#d79f65 rgb(215,159,101)
```
#de9f5d
```
#de9f5d rgb(222,159,93)
```
#e69f56
```
#e69f56 rgb(230,159,86)
```
#eda04e
```
#eda04e rgb(237,160,78)
```
#f5a047
```
#f5a047 rgb(245,160,71)
```
#fca03f
```
#fca03f rgb(252,160,63)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#bfad99 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb94e Protanopia 1% of men
#e4b044 Deuteranopia 1% of men
#ff9da6 Tritanopia 0.001% of the population

Trichromacy

#deaf48 Protanomaly 1% of men, 0.01% of women
#edaa42 Deuteranomaly 6% of men, 0.4% of women
#fd9e81 Tritanomaly 0.01% of the population