#fa630c hex color

In a RGB color space, hex #fa630c is composed of 98% red, 38.8% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 95.2% yellow and 2% black. It has a hue angle of 21.9 degrees, a saturation of 96% and a lightness of 51.4%. #fa630c color hex could be obtained by blending #ffc618 with #f50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 39
- B 5
RGB color chart
- C 0
- M 60
- Y 95
- K 2
CMYK color chart

● #fa630c color description : Vivid orange.

The hexadecimal color #fa630c has RGB values of R:250, G:99, B:12 and CMYK values of C:0, M:0.6, Y:0.95, K:0.02. Its decimal value is 16409356.

Hex triplet	fa630c	`#fa630c`
RGB Decimal	250, 99, 12	`rgb(250,99,12)`
RGB Percent	98, 38.8, 4.7	`rgb(98%,38.8%,4.7%)`
CMYK	0, 60, 95, 2
HSL	21.9°, 96, 51.4	`hsl(21.9,96%,51.4%)`
HSV (or HSB)	21.9°, 95.2, 98
Web Safe	ff6600	`#ff6600`

CIE-LAB	61.027, 54.643, 68.114
XYZ	43.955, 29.279, 3.685
xyY	0.571, 0.381, 29.279
CIE-LCH	61.027, 87.323, 51.262
CIE-LUV	61.027, 125.292, 51.471
Hunter-Lab	54.11, 50.306, 33.84
Binary	11111010, 01100011, 00001100

#fa630c
```
#fa630c rgb(250,99,12)
```
#0ca3fa
```
#0ca3fa rgb(12,163,250)
```

Complementary Color

#fa0c2c
```
#fa0c2c rgb(250,12,44)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#fada0c
```
#fada0c rgb(250,218,12)
```

Analogous Color

#0c2cfa
```
#0c2cfa rgb(12,44,250)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#0cfada
```
#0cfada rgb(12,250,218)
```

Split Complementary Color

#630cfa
```
#630cfa rgb(99,12,250)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#0cfa63
```
#0cfa63 rgb(12,250,99)
```

Triadic Color

#fa0ca3
```
#fa0ca3 rgb(250,12,163)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#0cfa63
```
#0cfa63 rgb(12,250,99)
```
#0ca3fa
```
#0ca3fa rgb(12,163,250)
```

Tetradic Color

#b64504
```
#b64504 rgb(182,69,4)
```
#cf4e04
```
#cf4e04 rgb(207,78,4)
```
#e85805
```
#e85805 rgb(232,88,5)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#fb7325
```
#fb7325 rgb(251,115,37)
```
#fb833e
```
#fb833e rgb(251,131,62)
```
#fc9357
```
#fc9357 rgb(252,147,87)
```

Monochromatic Color

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

#fa270c
```
#fa270c rgb(250,39,12)
```
#fa3b0c
```
#fa3b0c rgb(250,59,12)
```
#fa4f0c
```
#fa4f0c rgb(250,79,12)
```
#fa630c
```
#fa630c rgb(250,99,12)
```
#fa770c
```
#fa770c rgb(250,119,12)
```
#fa8b0c
```
#fa8b0c rgb(250,139,12)
```
#fa9f0c
```
#fa9f0c rgb(250,159,12)
```

Similar Colors

Text with hexadecimal color #fa630c

This text has a font color of #fa630c.

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

#fa630c background color

This paragraph has a background color of #fa630c.

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

#fa630c border color

This element has a border color of #fa630c.

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

CSS codes

.text {color:#fa630c;}

.background {background-color:#fa630c;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1a0a01
```
#1a0a01 rgb(26,10,1)
```
#2d1101
```
#2d1101 rgb(45,17,1)
```
#411801
```
#411801 rgb(65,24,1)
```
#542002
```
#542002 rgb(84,32,2)
```
#672702
```
#672702 rgb(103,39,2)
```
#7a2e03
```
#7a2e03 rgb(122,46,3)
```
#8d3603
```
#8d3603 rgb(141,54,3)
```
#a13d03
```
#a13d03 rgb(161,61,3)
```
#b44404
```
#b44404 rgb(180,68,4)
```
#c74b04
```
#c74b04 rgb(199,75,4)
```
#da5304
```
#da5304 rgb(218,83,4)
```
#ed5a05
```
#ed5a05 rgb(237,90,5)
```

Shade Color Variation

#fa630c
```
#fa630c rgb(250,99,12)
```
#fa6f1f
```
#fa6f1f rgb(250,111,31)
```
#fb7c32
```
#fb7c32 rgb(251,124,50)
```
#fb8846
```
#fb8846 rgb(251,136,70)
```
#fc9459
```
#fc9459 rgb(252,148,89)
```
#fca16c
```
#fca16c rgb(252,161,108)
```
#fcad7f
```
#fcad7f rgb(252,173,127)
```
#fdb993
```
#fdb993 rgb(253,185,147)
```
#fdc6a6
```
#fdc6a6 rgb(253,198,166)
```
#fed2b9
```
#fed2b9 rgb(254,210,185)
```
#fedecc
```
#fedecc rgb(254,222,204)
```
#feebdf
```
#feebdf rgb(254,235,223)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#88827e
```
#88827e rgb(136,130,126)
```
#917f75
```
#917f75 rgb(145,127,117)
```
#9b7d6b
```
#9b7d6b rgb(155,125,107)
```
#a47a62
```
#a47a62 rgb(164,122,98)
```
#ae7858
```
#ae7858 rgb(174,120,88)
```
#b7754f
```
#b7754f rgb(183,117,79)
```
#c17245
```
#c17245 rgb(193,114,69)
```
#ca703c
```
#ca703c rgb(202,112,60)
```
#d46d32
```
#d46d32 rgb(212,109,50)
```
#dd6b29
```
#dd6b29 rgb(221,107,41)
```
#e7681f
```
#e7681f rgb(231,104,31)
```
#f06616
```
#f06616 rgb(240,102,22)
```
#fa630c
```
#fa630c rgb(250,99,12)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#9d7f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#bf9100 Deuteranopia 1% of men
#fc6469 Tritanopia 0.001% of the population

Trichromacy

#c7851c Protanomaly 1% of men, 0.01% of women
#d48004 Deuteranomaly 6% of men, 0.4% of women
#fb6347 Tritanomaly 0.01% of the population

#fa630c hex color

#fa630c Color Information

#fa630c Color Conversion

Color Schemes with #fa630c

Alternatives to #fa630c

#fa630c Preview

Shades and Tints of #fa630c

Tones of #fa630c

Color Blindness Simulator