#ffaf1f Color Information
In a RGB color space, hex #ffaf1f is composed of 100% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 87.8% yellow and 0% black. It has a hue angle of 38.6 degrees, a saturation of 100% and a lightness of 56.1%. #ffaf1f color hex could be obtained by blending #ffff3e with #ff5f00. Closest websafe color is: #ff9933.
-
- R 100
- G 69
- B 12
-
- C 0
- M 31
- Y 88
- K 0
● #ffaf1f color description : Vivid orange.
#ffaf1f Color Conversion
The hexadecimal color #ffaf1f has RGB values of R:255, G:175, B:31 and CMYK values of C:0, M:0.31, Y:0.88, K:0. Its decimal value is 16756511.
Hex triplet | ffaf1f | #ffaf1f |
---|---|---|
RGB Decimal | 255, 175, 31 | rgb(255,175,31) |
RGB Percent | 100, 68.6, 12.2 | rgb(100%,68.6%,12.2%) |
CMYK | 0, 31, 88, 0 | |
HSL | 38.6°, 100, 56.1 | hsl(38.6,100%,56.1%) |
HSV (or HSB) | 38.6°, 87.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 77.294, 19.068, 75.897 |
---|---|
XYZ | 56.819, 52.023, 8.345 |
xyY | 0.485, 0.444, 52.023 |
CIE-LCH | 77.294, 78.256, 75.897 |
CIE-LUV | 77.294, 66.078, 75.062 |
Hunter-Lab | 72.127, 14.394, 43.629 |
Binary | 11111111, 10101111, 00011111 |
Color Schemes with #ffaf1f
Alternatives to #ffaf1f
Below, you can see some colors close to #ffaf1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf1f Preview
This text has a font color of #ffaf1f.
<span style="color:#ffaf1f;">Text here</span>
This paragraph has a background color of #ffaf1f.
<p style="background-color:#ffaf1f;">Content here</p>
This element has a border color of #ffaf1f.
<div style="border:1px solid #ffaf1f;">Content here</div>
.text {color:#ffaf1f;}
.background {background-color:#ffaf1f;}
.border {border:1px solid #ffaf1f;}
Shades and Tints of #ffaf1f
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, #0b0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1f1400
#1f1400
rgb(31,20,0)
-
#332100
#332100
rgb(51,33,0)
-
#462d00
#462d00
rgb(70,45,0)
-
#5a3a00
#5a3a00
rgb(90,58,0)
-
#6d4600
#6d4600
rgb(109,70,0)
-
#815300
#815300
rgb(129,83,0)
-
#956000
#956000
rgb(149,96,0)
-
#a86c00
#a86c00
rgb(168,108,0)
-
#bc7900
#bc7900
rgb(188,121,0)
-
#d08500
#d08500
rgb(208,133,0)
-
#e39200
#e39200
rgb(227,146,0)
-
#f79f00
#f79f00
rgb(247,159,0)
-
#ffa80b
#ffa80b
rgb(255,168,11)
-
#ffaf1f
#ffaf1f
rgb(255,175,31)
-
#ffb633
#ffb633
rgb(255,182,51)
-
#ffbd46
#ffbd46
rgb(255,189,70)
-
#ffc45a
#ffc45a
rgb(255,196,90)
-
#ffcb6d
#ffcb6d
rgb(255,203,109)
-
#ffd281
#ffd281
rgb(255,210,129)
-
#ffd995
#ffd995
rgb(255,217,149)
-
#ffe0a8
#ffe0a8
rgb(255,224,168)
-
#ffe7bc
#ffe7bc
rgb(255,231,188)
-
#ffeed0
#ffeed0
rgb(255,238,208)
-
#fff5e3
#fff5e3
rgb(255,245,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ffaf1f
A tone is produced by adding gray to any pure hue. In this case, #989186 is the less saturated color, while #ffaf1f is the most saturated one.
-
#989186
#989186
rgb(152,145,134)
-
#a0947e
#a0947e
rgb(160,148,126)
-
#a99675
#a99675
rgb(169,150,117)
-
#b1996d
#b1996d
rgb(177,153,109)
-
#ba9b64
#ba9b64
rgb(186,155,100)
-
#c39e5b
#c39e5b
rgb(195,158,91)
-
#cba053
#cba053
rgb(203,160,83)
-
#d4a34a
#d4a34a
rgb(212,163,74)
-
#dda541
#dda541
rgb(221,165,65)
-
#e5a839
#e5a839
rgb(229,168,57)
-
#eeaa30
#eeaa30
rgb(238,170,48)
-
#f6ad28
#f6ad28
rgb(246,173,40)
-
#ffaf1f
#ffaf1f
rgb(255,175,31)
Color Blindness Simulator
Below, you can see how #ffaf1f 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.