#fc670f hex color

In a RGB color space, hex #fc670f is composed of 98.8% red, 40.4% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.1% magenta, 94% yellow and 1.2% black. It has a hue angle of 22.3 degrees, a saturation of 97.5% and a lightness of 52.4%. #fc670f color hex could be obtained by blending #ffce1e with #f90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 40
- B 6
RGB color chart
- C 0
- M 59
- Y 94
- K 1
CMYK color chart

● #fc670f color description : Vivid orange.

The hexadecimal color #fc670f has RGB values of R:252, G:103, B:15 and CMYK values of C:0, M:0.59, Y:0.94, K:0.01. Its decimal value is 16541455.

Hex triplet	fc670f	`#fc670f`
RGB Decimal	252, 103, 15	`rgb(252,103,15)`
RGB Percent	98.8, 40.4, 5.9	`rgb(98.8%,40.4%,5.9%)`
CMYK	0, 59, 94, 1
HSL	22.3°, 97.5, 52.4	`hsl(22.3,97.5%,52.4%)`
HSV (or HSB)	22.3°, 94, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.028, 53.611, 68.309
XYZ	45.083, 30.435, 3.953
xyY	0.567, 0.383, 30.435
CIE-LCH	62.028, 86.834, 51.874
CIE-LUV	62.028, 123.668, 52.516
Hunter-Lab	55.168, 49.326, 34.37
Binary	11111100, 01100111, 00001111

#fc670f
```
#fc670f rgb(252,103,15)
```
#0fa4fc
```
#0fa4fc rgb(15,164,252)
```

Complementary Color

#fc0f2e
```
#fc0f2e rgb(252,15,46)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#fcde0f
```
#fcde0f rgb(252,222,15)
```

Analogous Color

#0f2efc
```
#0f2efc rgb(15,46,252)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#0ffcde
```
#0ffcde rgb(15,252,222)
```

Split Complementary Color

#670ffc
```
#670ffc rgb(103,15,252)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#0ffc67
```
#0ffc67 rgb(15,252,103)
```

Triadic Color

#fc0fa4
```
#fc0fa4 rgb(252,15,164)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#0ffc67
```
#0ffc67 rgb(15,252,103)
```
#0fa4fc
```
#0fa4fc rgb(15,164,252)
```

Tetradic Color

#bc4702
```
#bc4702 rgb(188,71,2)
```
#d55103
```
#d55103 rgb(213,81,3)
```
#ef5a03
```
#ef5a03 rgb(239,90,3)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#fc7728
```
#fc7728 rgb(252,119,40)
```
#fd8741
```
#fd8741 rgb(253,135,65)
```
#fd975b
```
#fd975b rgb(253,151,91)
```

Monochromatic Color

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

#fc2c0f
```
#fc2c0f rgb(252,44,15)
```
#fc3f0f
```
#fc3f0f rgb(252,63,15)
```
#fc530f
```
#fc530f rgb(252,83,15)
```
#fc670f
```
#fc670f rgb(252,103,15)
```
#fc7b0f
```
#fc7b0f rgb(252,123,15)
```
#fc8f0f
```
#fc8f0f rgb(252,143,15)
```
#fca20f
```
#fca20f rgb(252,162,15)
```

Similar Colors

Text with hexadecimal color #fc670f

This text has a font color of #fc670f.

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

#fc670f background color

This paragraph has a background color of #fc670f.

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

#fc670f border color

This element has a border color of #fc670f.

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

CSS codes

.text {color:#fc670f;}

.background {background-color:#fc670f;}

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

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

#0c0400
```
#0c0400 rgb(12,4,0)
```
#1f0c00
```
#1f0c00 rgb(31,12,0)
```
#331301
```
#331301 rgb(51,19,1)
```
#461b01
```
#461b01 rgb(70,27,1)
```
#592201
```
#592201 rgb(89,34,1)
```
#6d2901
```
#6d2901 rgb(109,41,1)
```
#803102
```
#803102 rgb(128,49,2)
```
#933802
```
#933802 rgb(147,56,2)
```
#a73f02
```
#a73f02 rgb(167,63,2)
```
#ba4702
```
#ba4702 rgb(186,71,2)
```
#ce4e03
```
#ce4e03 rgb(206,78,3)
```
#e15503
```
#e15503 rgb(225,85,3)
```
#f45d03
```
#f45d03 rgb(244,93,3)
```

Shade Color Variation

#fc670f
```
#fc670f rgb(252,103,15)
```
#fc7322
```
#fc7322 rgb(252,115,34)
```
#fc8036
```
#fc8036 rgb(252,128,54)
```
#fd8c49
```
#fd8c49 rgb(253,140,73)
```
#fd985c
```
#fd985c rgb(253,152,92)
```
#fda470
```
#fda470 rgb(253,164,112)
```
#fdb183
```
#fdb183 rgb(253,177,131)
```
#febd97
```
#febd97 rgb(254,189,151)
```
#fec9aa
```
#fec9aa rgb(254,201,170)
```
#fed5bd
```
#fed5bd rgb(254,213,189)
```
#fee2d1
```
#fee2d1 rgb(254,226,209)
```
#ffeee4
```
#ffeee4 rgb(255,238,228)
```
#fffaf7
```
#fffaf7 rgb(255,250,247)
```

Tint Color Variation

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

#8c847f
```
#8c847f rgb(140,132,127)
```
#958176
```
#958176 rgb(149,129,118)
```
#9f7f6c
```
#9f7f6c rgb(159,127,108)
```
#a87d63
```
#a87d63 rgb(168,125,99)
```
#b17a5a
```
#b17a5a rgb(177,122,90)
```
#bb7850
```
#bb7850 rgb(187,120,80)
```
#c47547
```
#c47547 rgb(196,117,71)
```
#cd733e
```
#cd733e rgb(205,115,62)
```
#d77134
```
#d77134 rgb(215,113,52)
```
#e06e2b
```
#e06e2b rgb(224,110,43)
```
#e96c22
```
#e96c22 rgb(233,108,34)
```
#f36918
```
#f36918 rgb(243,105,24)
```
#fc670f
```
#fc670f rgb(252,103,15)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a18371 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b27 Protanopia 1% of men
#c29300 Deuteranopia 1% of men
#fe676d Tritanopia 0.001% of the population

Trichromacy

#ca881e Protanomaly 1% of men, 0.01% of women
#d78305 Deuteranomaly 6% of men, 0.4% of women
#fd674b Tritanomaly 0.01% of the population

#fc670f hex color

#fc670f Color Information

#fc670f Color Conversion

Color Schemes with #fc670f

Alternatives to #fc670f

#fc670f Preview

Shades and Tints of #fc670f

Tones of #fc670f

Color Blindness Simulator