#f6a123 Color Information
In a RGB color space, hex #f6a123 is composed of 96.5% red, 63.1% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.6% magenta, 85.8% yellow and 3.5% black. It has a hue angle of 35.8 degrees, a saturation of 92.1% and a lightness of 55.1%. #f6a123 color hex could be obtained by blending #ffff46 with #ed4300. Closest websafe color is: #ff9933.
-
- R 96
- G 63
- B 14
-
- C 0
- M 35
- Y 86
- K 4
● #f6a123 color description : Vivid orange.
#f6a123 Color Conversion
The hexadecimal color #f6a123 has RGB values of R:246, G:161, B:35 and CMYK values of C:0, M:0.35, Y:0.86, K:0.04. Its decimal value is 16163107.
Hex triplet | f6a123 | #f6a123 |
---|---|---|
RGB Decimal | 246, 161, 35 | rgb(246,161,35) |
RGB Percent | 96.5, 63.1, 13.7 | rgb(96.5%,63.1%,13.7%) |
CMYK | 0, 35, 86, 4 | |
HSL | 35.8°, 92.1, 55.1 | hsl(35.8,92.1%,55.1%) |
HSV (or HSB) | 35.8°, 85.8, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.028, 22.705, 71.052 |
---|---|
XYZ | 51.056, 45.208, 7.627 |
xyY | 0.491, 0.435, 45.208 |
CIE-LCH | 73.028, 74.592, 72.278 |
CIE-LUV | 73.028, 69.982, 68.996 |
Hunter-Lab | 67.237, 17.879, 40.34 |
Binary | 11110110, 10100001, 00100011 |
Color Schemes with #f6a123
Alternatives to #f6a123
Below, you can see some colors close to #f6a123. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6a123 Preview
This text has a font color of #f6a123.
<span style="color:#f6a123;">Text here</span>
This paragraph has a background color of #f6a123.
<p style="background-color:#f6a123;">Content here</p>
This element has a border color of #f6a123.
<div style="border:1px solid #f6a123;">Content here</div>
.text {color:#f6a123;}
.background {background-color:#f6a123;}
.border {border:1px solid #f6a123;}
Shades and Tints of #f6a123
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, #060400 is the darkest color, while #fefaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#190f01
#190f01
rgb(25,15,1)
-
#2c1b02
#2c1b02
rgb(44,27,2)
-
#3f2603
#3f2603
rgb(63,38,3)
-
#523203
#523203
rgb(82,50,3)
-
#643e04
#643e04
rgb(100,62,4)
-
#774905
#774905
rgb(119,73,5)
-
#8a5506
#8a5506
rgb(138,85,6)
-
#9d6006
#9d6006
rgb(157,96,6)
-
#b06c07
#b06c07
rgb(176,108,7)
-
#c37708
#c37708
rgb(195,119,8)
-
#d58309
#d58309
rgb(213,131,9)
-
#e88f0a
#e88f0a
rgb(232,143,10)
-
#f59910
#f59910
rgb(245,153,16)
-
#f6a123
#f6a123
rgb(246,161,35)
-
#f7a936
#f7a936
rgb(247,169,54)
-
#f8b149
#f8b149
rgb(248,177,73)
-
#f8b95c
#f8b95c
rgb(248,185,92)
-
#f9c16e
#f9c16e
rgb(249,193,110)
-
#fac981
#fac981
rgb(250,201,129)
-
#fbd194
#fbd194
rgb(251,209,148)
-
#fbd9a7
#fbd9a7
rgb(251,217,167)
-
#fce1ba
#fce1ba
rgb(252,225,186)
-
#fde9cd
#fde9cd
rgb(253,233,205)
-
#fef2df
#fef2df
rgb(254,242,223)
-
#fefaf2
#fefaf2
rgb(254,250,242)
Tones of #f6a123
A tone is produced by adding gray to any pure hue. In this case, #958e84 is the less saturated color, while #ffa31a is the most saturated one.
-
#958e84
#958e84
rgb(149,142,132)
-
#9e907b
#9e907b
rgb(158,144,123)
-
#a79272
#a79272
rgb(167,146,114)
-
#b09369
#b09369
rgb(176,147,105)
-
#b89561
#b89561
rgb(184,149,97)
-
#c19758
#c19758
rgb(193,151,88)
-
#ca984f
#ca984f
rgb(202,152,79)
-
#d39a46
#d39a46
rgb(211,154,70)
-
#dc9c3d
#dc9c3d
rgb(220,156,61)
-
#e49e35
#e49e35
rgb(228,158,53)
-
#ed9f2c
#ed9f2c
rgb(237,159,44)
-
#f6a123
#f6a123
rgb(246,161,35)
-
#ffa31a
#ffa31a
rgb(255,163,26)
Color Blindness Simulator
Below, you can see how #f6a123 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.