#ffaf3d Color Information
In a RGB color space, hex #ffaf3d is composed of 100% red, 68.6% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 76.1% yellow and 0% black. It has a hue angle of 35.3 degrees, a saturation of 100% and a lightness of 62%. #ffaf3d color hex could be obtained by blending #ffff7a with #ff5f00. Closest websafe color is: #ff9933.
-
- R 100
- G 69
- B 24
-
- C 0
- M 31
- Y 76
- K 0
● #ffaf3d color description : Light orange.
#ffaf3d Color Conversion
The hexadecimal color #ffaf3d has RGB values of R:255, G:175, B:61 and CMYK values of C:0, M:0.31, Y:0.76, K:0. Its decimal value is 16756541.
Hex triplet | ffaf3d | #ffaf3d |
---|---|---|
RGB Decimal | 255, 175, 61 | rgb(255,175,61) |
RGB Percent | 100, 68.6, 23.9 | rgb(100%,68.6%,23.9%) |
CMYK | 0, 31, 76, 0 | |
HSL | 35.3°, 100, 62 | hsl(35.3,100%,62%) |
HSV (or HSB) | 35.3°, 76.1, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.436, 19.921, 66.618 |
---|---|
XYZ | 57.414, 52.261, 11.478 |
xyY | 0.474, 0.431, 52.261 |
CIE-LCH | 77.436, 69.533, 73.352 |
CIE-LUV | 77.436, 64.825, 69.195 |
Hunter-Lab | 72.291, 15.254, 41.19 |
Binary | 11111111, 10101111, 00111101 |
Color Schemes with #ffaf3d
Alternatives to #ffaf3d
Below, you can see some colors close to #ffaf3d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf3d Preview
This text has a font color of #ffaf3d.
<span style="color:#ffaf3d;">Text here</span>
This paragraph has a background color of #ffaf3d.
<p style="background-color:#ffaf3d;">Content here</p>
This element has a border color of #ffaf3d.
<div style="border:1px solid #ffaf3d;">Content here</div>
.text {color:#ffaf3d;}
.background {background-color:#ffaf3d;}
.border {border:1px solid #ffaf3d;}
Shades and Tints of #ffaf3d
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, #020100 is the darkest color, while #fff8ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160d00
#160d00
rgb(22,13,0)
-
#291800
#291800
rgb(41,24,0)
-
#3d2400
#3d2400
rgb(61,36,0)
-
#512f00
#512f00
rgb(81,47,0)
-
#643b00
#643b00
rgb(100,59,0)
-
#784600
#784600
rgb(120,70,0)
-
#8b5200
#8b5200
rgb(139,82,0)
-
#9f5d00
#9f5d00
rgb(159,93,0)
-
#b36900
#b36900
rgb(179,105,0)
-
#c67500
#c67500
rgb(198,117,0)
-
#da8000
#da8000
rgb(218,128,0)
-
#ee8c00
#ee8c00
rgb(238,140,0)
-
#ff9702
#ff9702
rgb(255,151,2)
-
#ff9f16
#ff9f16
rgb(255,159,22)
-
#ffa729
#ffa729
rgb(255,167,41)
-
#ffaf3d
#ffaf3d
rgb(255,175,61)
-
#ffb751
#ffb751
rgb(255,183,81)
-
#ffbf64
#ffbf64
rgb(255,191,100)
-
#ffc778
#ffc778
rgb(255,199,120)
-
#ffcf8b
#ffcf8b
rgb(255,207,139)
-
#ffd79f
#ffd79f
rgb(255,215,159)
-
#ffe0b3
#ffe0b3
rgb(255,224,179)
-
#ffe8c6
#ffe8c6
rgb(255,232,198)
-
#fff0da
#fff0da
rgb(255,240,218)
-
#fff8ee
#fff8ee
rgb(255,248,238)
Tones of #ffaf3d
A tone is produced by adding gray to any pure hue. In this case, #a59f97 is the less saturated color, while #ffaf3d is the most saturated one.
-
#a59f97
#a59f97
rgb(165,159,151)
-
#ada18f
#ada18f
rgb(173,161,143)
-
#b4a288
#b4a288
rgb(180,162,136)
-
#bca380
#bca380
rgb(188,163,128)
-
#c3a579
#c3a579
rgb(195,165,121)
-
#cba671
#cba671
rgb(203,166,113)
-
#d2a76a
#d2a76a
rgb(210,167,106)
-
#daa862
#daa862
rgb(218,168,98)
-
#e1aa5b
#e1aa5b
rgb(225,170,91)
-
#e9ab53
#e9ab53
rgb(233,171,83)
-
#f0ac4c
#f0ac4c
rgb(240,172,76)
-
#f8ae44
#f8ae44
rgb(248,174,68)
-
#ffaf3d
#ffaf3d
rgb(255,175,61)
Color Blindness Simulator
Below, you can see how #ffaf3d 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.