#f3af38 Color Information
In a RGB color space, hex #f3af38 is composed of 95.3% red, 68.6% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28% magenta, 77% yellow and 4.7% black. It has a hue angle of 38.2 degrees, a saturation of 88.6% and a lightness of 58.6%. #f3af38 color hex could be obtained by blending #ffff70 with #e75f00. Closest websafe color is: #ff9933.
-
- R 95
- G 69
- B 22
-
- C 0
- M 28
- Y 77
- K 5
● #f3af38 color description : Bright orange.
#f3af38 Color Conversion
The hexadecimal color #f3af38 has RGB values of R:243, G:175, B:56 and CMYK values of C:0, M:0.28, Y:0.77, K:0.05. Its decimal value is 15970104.
Hex triplet | f3af38 | #f3af38 |
---|---|---|
RGB Decimal | 243, 175, 56 | rgb(243,175,56) |
RGB Percent | 95.3, 68.6, 22 | rgb(95.3%,68.6%,22%) |
CMYK | 0, 28, 77, 5 | |
HSL | 38.2°, 88.6, 58.6 | hsl(38.2,88.6%,58.6%) |
HSV (or HSB) | 38.2°, 77, 95.3 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 76.071, 14.703, 66.735 |
---|---|
XYZ | 53.007, 50.003, 10.601 |
xyY | 0.467, 0.44, 50.003 |
CIE-LCH | 76.071, 68.336, 77.575 |
CIE-LUV | 76.071, 55.507, 69.929 |
Hunter-Lab | 70.713, 10.057, 40.611 |
Binary | 11110011, 10101111, 00111000 |
Color Schemes with #f3af38
Alternatives to #f3af38
Below, you can see some colors close to #f3af38. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3af38 Preview
This text has a font color of #f3af38.
<span style="color:#f3af38;">Text here</span>
This paragraph has a background color of #f3af38.
<p style="background-color:#f3af38;">Content here</p>
This element has a border color of #f3af38.
<div style="border:1px solid #f3af38;">Content here</div>
.text {color:#f3af38;}
.background {background-color:#f3af38;}
.border {border:1px solid #f3af38;}
Shades and Tints of #f3af38
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, #040300 is the darkest color, while #fef9f1 is the lightest one.
-
#040300
#040300
rgb(4,3,0)
-
#170f01
#170f01
rgb(23,15,1)
-
#291b03
#291b03
rgb(41,27,3)
-
#3c2704
#3c2704
rgb(60,39,4)
-
#4e3405
#4e3405
rgb(78,52,5)
-
#614006
#614006
rgb(97,64,6)
-
#734c07
#734c07
rgb(115,76,7)
-
#865808
#865808
rgb(134,88,8)
-
#986409
#986409
rgb(152,100,9)
-
#ab710a
#ab710a
rgb(171,113,10)
-
#bd7d0b
#bd7d0b
rgb(189,125,11)
-
#d0890d
#d0890d
rgb(208,137,13)
-
#e2950e
#e2950e
rgb(226,149,14)
-
#f1a013
#f1a013
rgb(241,160,19)
-
#f2a826
#f2a826
rgb(242,168,38)
-
#f3af38
#f3af38
rgb(243,175,56)
-
#f4b64a
#f4b64a
rgb(244,182,74)
-
#f5be5d
#f5be5d
rgb(245,190,93)
-
#f6c56f
#f6c56f
rgb(246,197,111)
-
#f7cd82
#f7cd82
rgb(247,205,130)
-
#f9d494
#f9d494
rgb(249,212,148)
-
#fadca7
#fadca7
rgb(250,220,167)
-
#fbe3b9
#fbe3b9
rgb(251,227,185)
-
#fceacc
#fceacc
rgb(252,234,204)
-
#fdf2de
#fdf2de
rgb(253,242,222)
-
#fef9f1
#fef9f1
rgb(254,249,241)
Tones of #f3af38
A tone is produced by adding gray to any pure hue. In this case, #9a9791 is the less saturated color, while #fbb130 is the most saturated one.
-
#9a9791
#9a9791
rgb(154,151,145)
-
#a29989
#a29989
rgb(162,153,137)
-
#aa9b81
#aa9b81
rgb(170,155,129)
-
#b29d79
#b29d79
rgb(178,157,121)
-
#baa071
#baa071
rgb(186,160,113)
-
#c2a269
#c2a269
rgb(194,162,105)
-
#caa461
#caa461
rgb(202,164,97)
-
#d3a658
#d3a658
rgb(211,166,88)
-
#dba850
#dba850
rgb(219,168,80)
-
#e3ab48
#e3ab48
rgb(227,171,72)
-
#ebad40
#ebad40
rgb(235,173,64)
-
#f3af38
#f3af38
rgb(243,175,56)
-
#fbb130
#fbb130
rgb(251,177,48)
Color Blindness Simulator
Below, you can see how #f3af38 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.