#fc6224 Color Information
In a RGB color space, hex #fc6224 is composed of 98.8% red, 38.4% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.1% magenta, 85.7% yellow and 1.2% black. It has a hue angle of 17.2 degrees, a saturation of 97.3% and a lightness of 56.5%. #fc6224 color hex could be obtained by blending #ffc448 with #f90000. Closest websafe color is: #ff6633.
-
- R 99
- G 38
- B 14
-
- C 0
- M 61
- Y 86
- K 1
● #fc6224 color description : Vivid orange.
#fc6224 Color Conversion
The hexadecimal color #fc6224 has RGB values of R:252, G:98, B:36 and CMYK values of C:0, M:0.61, Y:0.86, K:0.01. Its decimal value is 16540196.
| Hex triplet | fc6224 | #fc6224 |
|---|---|---|
| RGB Decimal | 252, 98, 36 | rgb(252,98,36) |
| RGB Percent | 98.8, 38.4, 14.1 | rgb(98.8%,38.4%,14.1%) |
| CMYK | 0, 61, 86, 1 | |
| HSL | 17.2°, 97.3, 56.5 | hsl(17.2,97.3%,56.5%) |
| HSV (or HSB) | 17.2°, 85.7, 98.8 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 61.275, 56.132, 61.545 |
|---|---|
| XYZ | 44.833, 29.563, 5.014 |
| xyY | 0.565, 0.372, 29.563 |
| CIE-LCH | 61.275, 83.298, 47.634 |
| CIE-LUV | 61.275, 126.223, 48.023 |
| Hunter-Lab | 54.372, 52.033, 32.592 |
| Binary | 11111100, 01100010, 00100100 |
Color Schemes with #fc6224
Alternatives to #fc6224
Below, you can see some colors close to #fc6224. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fc6224 Preview
This text has a font color of #fc6224.
<span style="color:#fc6224;">Text here</span>
This paragraph has a background color of #fc6224.
<p style="background-color:#fc6224;">Content here</p>
This element has a border color of #fc6224.
<div style="border:1px solid #fc6224;">Content here</div>
.text {color:#fc6224;}
.background {background-color:#fc6224;}
.border {border:1px solid #fc6224;}
Shades and Tints of #fc6224
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, #0d0400 is the darkest color, while #fffbf9 is the lightest one.
-
#0d0400
#0d0400rgb(13,4,0) -
#210a00
#210a00rgb(33,10,0) -
#340f01
#340f01rgb(52,15,1) -
#471501
#471501rgb(71,21,1) -
#5b1b01
#5b1b01rgb(91,27,1) -
#6e2102
#6e2102rgb(110,33,2) -
#812602
#812602rgb(129,38,2) -
#952c02
#952c02rgb(149,44,2) -
#a83202
#a83202rgb(168,50,2) -
#bb3803
#bb3803rgb(187,56,3) -
#cf3d03
#cf3d03rgb(207,61,3) -
#e24303
#e24303rgb(226,67,3) -
#f54903
#f54903rgb(245,73,3)
-
#fc5411
#fc5411rgb(252,84,17) -
#fc6224
#fc6224rgb(252,98,36) -
#fc7037
#fc7037rgb(252,112,55) -
#fd7e4b
#fd7e4brgb(253,126,75) -
#fd8c5e
#fd8c5ergb(253,140,94) -
#fd9971
#fd9971rgb(253,153,113) -
#fda785
#fda785rgb(253,167,133) -
#feb598
#feb598rgb(254,181,152) -
#fec3ab
#fec3abrgb(254,195,171) -
#fed1bf
#fed1bfrgb(254,209,191) -
#fedfd2
#fedfd2rgb(254,223,210) -
#ffede6
#ffede6rgb(255,237,230) -
#fffbf9
#fffbf9rgb(255,251,249)
Tones of #fc6224
A tone is produced by adding gray to any pure hue. In this case, #968e8a is the less saturated color, while #fc6224 is the most saturated one.
-
#968e8a
#968e8argb(150,142,138) -
#9e8a82
#9e8a82rgb(158,138,130) -
#a78679
#a78679rgb(167,134,121) -
#af8371
#af8371rgb(175,131,113) -
#b87f68
#b87f68rgb(184,127,104) -
#c07b60
#c07b60rgb(192,123,96) -
#c97857
#c97857rgb(201,120,87) -
#d1744f
#d1744frgb(209,116,79) -
#da7146
#da7146rgb(218,113,70) -
#e26d3e
#e26d3ergb(226,109,62) -
#eb6935
#eb6935rgb(235,105,53) -
#f3662d
#f3662drgb(243,102,45) -
#fc6224
#fc6224rgb(252,98,36)
Color Blindness Simulator
Below, you can see how #fc6224 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.
