#fc6a30 hex color

In a RGB color space, hex #fc6a30 is composed of 98.8% red, 41.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 81% yellow and 1.2% black. It has a hue angle of 17.1 degrees, a saturation of 97.1% and a lightness of 58.8%. #fc6a30 color hex could be obtained by blending #ffd460 with #f90000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 42
- B 19
RGB color chart
- C 0
- M 58
- Y 81
- K 1
CMYK color chart

● #fc6a30 color description : Bright orange.

The hexadecimal color #fc6a30 has RGB values of R:252, G:106, B:48 and CMYK values of C:0, M:0.58, Y:0.81, K:0.01. Its decimal value is 16542256.

Hex triplet	fc6a30	`#fc6a30`
RGB Decimal	252, 106, 48	`rgb(252,106,48)`
RGB Percent	98.8, 41.6, 18.8	`rgb(98.8%,41.6%,18.8%)`
CMYK	0, 58, 81, 1
HSL	17.1°, 97.1, 58.8	`hsl(17.1,97.1%,58.8%)`
HSV (or HSB)	17.1°, 81, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.694, 52.892, 57.881
XYZ	45.834, 31.222, 6.409
xyY	0.549, 0.374, 31.222
CIE-LCH	62.694, 78.408, 47.579
CIE-LUV	62.694, 118.899, 47.66
Hunter-Lab	55.876, 48.636, 32.313
Binary	11111100, 01101010, 00110000

#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#30c2fc
```
#30c2fc rgb(48,194,252)
```

Complementary Color

#fc305c
```
#fc305c rgb(252,48,92)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#fcd030
```
#fcd030 rgb(252,208,48)
```

Analogous Color

#305cfc
```
#305cfc rgb(48,92,252)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#30fcd0
```
#30fcd0 rgb(48,252,208)
```

Split Complementary Color

#6a30fc
```
#6a30fc rgb(106,48,252)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#30fc6a
```
#30fc6a rgb(48,252,106)
```

Triadic Color

#fc30c2
```
#fc30c2 rgb(252,48,194)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#30fc6a
```
#30fc6a rgb(48,252,106)
```
#30c2fc
```
#30c2fc rgb(48,194,252)
```

Tetradic Color

#dc4103
```
#dc4103 rgb(220,65,3)
```
#f54804
```
#f54804 rgb(245,72,4)
```
#fc5817
```
#fc5817 rgb(252,88,23)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#fc7c49
```
#fc7c49 rgb(252,124,73)
```
#fd8e62
```
#fd8e62 rgb(253,142,98)
```
#fda07b
```
#fda07b rgb(253,160,123)
```

Monochromatic Color

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

#fc3730
```
#fc3730 rgb(252,55,48)
```
#fc4830
```
#fc4830 rgb(252,72,48)
```
#fc5930
```
#fc5930 rgb(252,89,48)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#fc7b30
```
#fc7b30 rgb(252,123,48)
```
#fc8c30
```
#fc8c30 rgb(252,140,48)
```
#fc9d30
```
#fc9d30 rgb(252,157,48)
```

Similar Colors

Text with hexadecimal color #fc6a30

This text has a font color of #fc6a30.

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

#fc6a30 background color

This paragraph has a background color of #fc6a30.

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

#fc6a30 border color

This element has a border color of #fc6a30.

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

CSS codes

.text {color:#fc6a30;}

.background {background-color:#fc6a30;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190700
```
#190700 rgb(25,7,0)
```
#2c0d01
```
#2c0d01 rgb(44,13,1)
```
#401301
```
#401301 rgb(64,19,1)
```
#531801
```
#531801 rgb(83,24,1)
```
#661e01
```
#661e01 rgb(102,30,1)
```
#7a2402
```
#7a2402 rgb(122,36,2)
```
#8d2a02
```
#8d2a02 rgb(141,42,2)
```
#a02f02
```
#a02f02 rgb(160,47,2)
```
#b43503
```
#b43503 rgb(180,53,3)
```
#c73b03
```
#c73b03 rgb(199,59,3)
```
#da4003
```
#da4003 rgb(218,64,3)
```
#ee4603
```
#ee4603 rgb(238,70,3)
```

Shade Color Variation

#fb4e09
```
#fb4e09 rgb(251,78,9)
```
#fc5c1d
```
#fc5c1d rgb(252,92,29)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```
#fc7843
```
#fc7843 rgb(252,120,67)
```
#fd8657
```
#fd8657 rgb(253,134,87)
```
#fd946a
```
#fd946a rgb(253,148,106)
```
#fda27d
```
#fda27d rgb(253,162,125)
```
#fdb091
```
#fdb091 rgb(253,176,145)
```
#febea4
```
#febea4 rgb(254,190,164)
```
#fecbb7
```
#fecbb7 rgb(254,203,183)
```
#fed9cb
```
#fed9cb rgb(254,217,203)
```
#ffe7de
```
#ffe7de rgb(255,231,222)
```
#fff5f1
```
#fff5f1 rgb(255,245,241)
```

Tint Color Variation

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

#9b9491
```
#9b9491 rgb(155,148,145)
```
#a39089
```
#a39089 rgb(163,144,137)
```
#ab8d81
```
#ab8d81 rgb(171,141,129)
```
#b38979
```
#b38979 rgb(179,137,121)
```
#bb8671
```
#bb8671 rgb(187,134,113)
```
#c38269
```
#c38269 rgb(195,130,105)
```
#cc7f60
```
#cc7f60 rgb(204,127,96)
```
#d47b58
```
#d47b58 rgb(212,123,88)
```
#dc7850
```
#dc7850 rgb(220,120,80)
```
#e47448
```
#e47448 rgb(228,116,72)
```
#ec7140
```
#ec7140 rgb(236,113,64)
```
#f46d38
```
#f46d38 rgb(244,109,56)
```
#fc6a30
```
#fc6a30 rgb(252,106,48)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#a5887c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9d46 Protanopia 1% of men
#c3952d Deuteranopia 1% of men
#fe6b71 Tritanopia 0.001% of the population

Trichromacy

#ca8a3e Protanomaly 1% of men, 0.01% of women
#d7852e Deuteranomaly 6% of men, 0.4% of women
#fd6b59 Tritanomaly 0.01% of the population

#fc6a30 hex color

#fc6a30 Color Information

#fc6a30 Color Conversion

Color Schemes with #fc6a30

Alternatives to #fc6a30

#fc6a30 Preview

Shades and Tints of #fc6a30

Tones of #fc6a30

Color Blindness Simulator