#f4a345 Color Information
In a RGB color space, hex #f4a345 is composed of 95.7% red, 63.9% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 71.7% yellow and 4.3% black. It has a hue angle of 32.2 degrees, a saturation of 88.8% and a lightness of 61.4%. #f4a345 color hex could be obtained by blending #ffff8a with #e94700. Closest websafe color is: #ff9933.
-
- R 96
- G 64
- B 27
-
- C 0
- M 33
- Y 72
- K 4
● #f4a345 color description : Bright orange.
#f4a345 Color Conversion
The hexadecimal color #f4a345 has RGB values of R:244, G:163, B:69 and CMYK values of C:0, M:0.33, Y:0.72, K:0.04. Its decimal value is 16032581.
Hex triplet | f4a345 | #f4a345 |
---|---|---|
RGB Decimal | 244, 163, 69 | rgb(244,163,69) |
RGB Percent | 95.7, 63.9, 27.1 | rgb(95.7%,63.9%,27.1%) |
CMYK | 0, 33, 72, 4 | |
HSL | 32.2°, 88.8, 61.4 | hsl(32.2,88.8%,61.4%) |
HSV (or HSB) | 32.2°, 71.7, 95.7 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.455, 21.991, 58.958 |
---|---|
XYZ | 51.481, 45.861, 11.771 |
xyY | 0.472, 0.42, 45.861 |
CIE-LCH | 73.455, 62.926, 69.545 |
CIE-LUV | 73.455, 64.905, 61.538 |
Hunter-Lab | 67.72, 17.184, 37.099 |
Binary | 11110100, 10100011, 01000101 |
Color Schemes with #f4a345
Alternatives to #f4a345
Below, you can see some colors close to #f4a345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f4a345 Preview
This text has a font color of #f4a345.
<span style="color:#f4a345;">Text here</span>
This paragraph has a background color of #f4a345.
<p style="background-color:#f4a345;">Content here</p>
This element has a border color of #f4a345.
<div style="border:1px solid #f4a345;">Content here</div>
.text {color:#f4a345;}
.background {background-color:#f4a345;}
.border {border:1px solid #f4a345;}
Shades and Tints of #f4a345
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, #120a01 is the darkest color, while #fffffe is the lightest one.
-
#120a01
#120a01
rgb(18,10,1)
-
#241402
#241402
rgb(36,20,2)
-
#371f03
#371f03
rgb(55,31,3)
-
#492904
#492904
rgb(73,41,4)
-
#5c3405
#5c3405
rgb(92,52,5)
-
#6e3e07
#6e3e07
rgb(110,62,7)
-
#814908
#814908
rgb(129,73,8)
-
#935309
#935309
rgb(147,83,9)
-
#a65e0a
#a65e0a
rgb(166,94,10)
-
#b8680b
#b8680b
rgb(184,104,11)
-
#cb730c
#cb730c
rgb(203,115,12)
-
#dd7d0d
#dd7d0d
rgb(221,125,13)
-
#f0870e
#f0870e
rgb(240,135,14)
-
#f29120
#f29120
rgb(242,145,32)
-
#f39a32
#f39a32
rgb(243,154,50)
-
#f4a345
#f4a345
rgb(244,163,69)
-
#f5ac58
#f5ac58
rgb(245,172,88)
-
#f6b56a
#f6b56a
rgb(246,181,106)
-
#f7be7d
#f7be7d
rgb(247,190,125)
-
#f8c88f
#f8c88f
rgb(248,200,143)
-
#f9d1a2
#f9d1a2
rgb(249,209,162)
-
#fbdab4
#fbdab4
rgb(251,218,180)
-
#fce3c7
#fce3c7
rgb(252,227,199)
-
#fdecd9
#fdecd9
rgb(253,236,217)
-
#fef5ec
#fef5ec
rgb(254,245,236)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f4a345
A tone is produced by adding gray to any pure hue. In this case, #a19d98 is the less saturated color, while #fca43d is the most saturated one.
-
#a19d98
#a19d98
rgb(161,157,152)
-
#a89d91
#a89d91
rgb(168,157,145)
-
#b09e89
#b09e89
rgb(176,158,137)
-
#b79e82
#b79e82
rgb(183,158,130)
-
#bf9f7a
#bf9f7a
rgb(191,159,122)
-
#c7a072
#c7a072
rgb(199,160,114)
-
#cea06b
#cea06b
rgb(206,160,107)
-
#d6a163
#d6a163
rgb(214,161,99)
-
#dda15c
#dda15c
rgb(221,161,92)
-
#e5a254
#e5a254
rgb(229,162,84)
-
#eca24d
#eca24d
rgb(236,162,77)
-
#f4a345
#f4a345
rgb(244,163,69)
-
#fca43d
#fca43d
rgb(252,164,61)
Color Blindness Simulator
Below, you can see how #f4a345 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.