#fc6c1a hex color

In a RGB color space, hex #fc6c1a is composed of 98.8% red, 42.4% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.1% magenta, 89.7% yellow and 1.2% black. It has a hue angle of 21.8 degrees, a saturation of 97.4% and a lightness of 54.5%. #fc6c1a color hex could be obtained by blending #ffd834 with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 42
- B 10
RGB color chart
- C 0
- M 57
- Y 90
- K 1
CMYK color chart

● #fc6c1a color description : Vivid orange.

The hexadecimal color #fc6c1a has RGB values of R:252, G:108, B:26 and CMYK values of C:0, M:0.57, Y:0.9, K:0.01. Its decimal value is 16542746.

Hex triplet	fc6c1a	`#fc6c1a`
RGB Decimal	252, 108, 26	`rgb(252,108,26)`
RGB Percent	98.8, 42.4, 10.2	`rgb(98.8%,42.4%,10.2%)`
CMYK	0, 57, 90, 1
HSL	21.8°, 97.4, 54.5	`hsl(21.8,97.4%,54.5%)`
HSV (or HSB)	21.8°, 89.7, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.927, 51.492, 66.168
XYZ	45.696, 31.5, 4.651
xyY	0.558, 0.385, 31.5
CIE-LCH	62.927, 83.843, 52.11
CIE-LUV	62.927, 119.144, 52.69
Hunter-Lab	56.125, 47.113, 34.374
Binary	11111100, 01101100, 00011010

#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#1aaafc
```
#1aaafc rgb(26,170,252)
```

Complementary Color

#fc1a39
```
#fc1a39 rgb(252,26,57)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#fcdd1a
```
#fcdd1a rgb(252,221,26)
```

Analogous Color

#1a39fc
```
#1a39fc rgb(26,57,252)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#1afcdd
```
#1afcdd rgb(26,252,221)
```

Split Complementary Color

#6c1afc
```
#6c1afc rgb(108,26,252)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#1afc6c
```
#1afc6c rgb(26,252,108)
```

Triadic Color

#fc1aaa
```
#fc1aaa rgb(252,26,170)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#1afc6c
```
#1afc6c rgb(26,252,108)
```
#1aaafc
```
#1aaafc rgb(26,170,252)
```

Tetradic Color

#c74a03
```
#c74a03 rgb(199,74,3)
```
#e05303
```
#e05303 rgb(224,83,3)
```
#f95d03
```
#f95d03 rgb(249,93,3)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#fc7c33
```
#fc7c33 rgb(252,124,51)
```
#fd8c4c
```
#fd8c4c rgb(253,140,76)
```
#fd9c66
```
#fd9c66 rgb(253,156,102)
```

Monochromatic Color

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

#fc331a
```
#fc331a rgb(252,51,26)
```
#fc461a
```
#fc461a rgb(252,70,26)
```
#fc591a
```
#fc591a rgb(252,89,26)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#fc7f1a
```
#fc7f1a rgb(252,127,26)
```
#fc921a
```
#fc921a rgb(252,146,26)
```
#fca51a
```
#fca51a rgb(252,165,26)
```

Similar Colors

Text with hexadecimal color #fc6c1a

This text has a font color of #fc6c1a.

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

#fc6c1a background color

This paragraph has a background color of #fc6c1a.

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

#fc6c1a border color

This element has a border color of #fc6c1a.

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

CSS codes

.text {color:#fc6c1a;}

.background {background-color:#fc6c1a;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#170800
```
#170800 rgb(23,8,0)
```
#2a1001
```
#2a1001 rgb(42,16,1)
```
#3d1701
```
#3d1701 rgb(61,23,1)
```
#511e01
```
#511e01 rgb(81,30,1)
```
#642501
```
#642501 rgb(100,37,1)
```
#782c02
```
#782c02 rgb(120,44,2)
```
#8b3402
```
#8b3402 rgb(139,52,2)
```
#9e3b02
```
#9e3b02 rgb(158,59,2)
```
#b24202
```
#b24202 rgb(178,66,2)
```
#c54903
```
#c54903 rgb(197,73,3)
```
#d85003
```
#d85003 rgb(216,80,3)
```
#ec5703
```
#ec5703 rgb(236,87,3)
```

Shade Color Variation

#fc6007
```
#fc6007 rgb(252,96,7)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```
#fc782d
```
#fc782d rgb(252,120,45)
```
#fd8541
```
#fd8541 rgb(253,133,65)
```
#fd9154
```
#fd9154 rgb(253,145,84)
```
#fd9e67
```
#fd9e67 rgb(253,158,103)
```
#fdaa7b
```
#fdaa7b rgb(253,170,123)
```
#feb78e
```
#feb78e rgb(254,183,142)
```
#fec3a2
```
#fec3a2 rgb(254,195,162)
```
#fecfb5
```
#fecfb5 rgb(254,207,181)
```
#fedcc8
```
#fedcc8 rgb(254,220,200)
```
#ffe8dc
```
#ffe8dc rgb(255,232,220)
```
#fff5ef
```
#fff5ef rgb(255,245,239)
```

Tint Color Variation

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

#918985
```
#918985 rgb(145,137,133)
```
#9a877c
```
#9a877c rgb(154,135,124)
```
#a38473
```
#a38473 rgb(163,132,115)
```
#ac826a
```
#ac826a rgb(172,130,106)
```
#b58061
```
#b58061 rgb(181,128,97)
```
#be7d58
```
#be7d58 rgb(190,125,88)
```
#c67b50
```
#c67b50 rgb(198,123,80)
```
#cf7847
```
#cf7847 rgb(207,120,71)
```
#d8763e
```
#d8763e rgb(216,118,62)
```
#e17335
```
#e17335 rgb(225,115,53)
```
#ea712c
```
#ea712c rgb(234,113,44)
```
#f36e23
```
#f36e23 rgb(243,110,35)
```
#fc6c1a
```
#fc6c1a rgb(252,108,26)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a48777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d30 Protanopia 1% of men
#c59600 Deuteranopia 1% of men
#fe6c72 Tritanopia 0.001% of the population

Trichromacy

#cb8b28 Protanomaly 1% of men, 0.01% of women
#d98609 Deuteranomaly 6% of men, 0.4% of women
#fd6c52 Tritanomaly 0.01% of the population

#fc6c1a hex color

#fc6c1a Color Information

#fc6c1a Color Conversion

Color Schemes with #fc6c1a

Alternatives to #fc6c1a

#fc6c1a Preview

Shades and Tints of #fc6c1a

Tones of #fc6c1a

Color Blindness Simulator