#ffaf01 Color Information
In a RGB color space, hex #ffaf01 is composed of 100% red, 68.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 99.6% yellow and 0% black. It has a hue angle of 41.1 degrees, a saturation of 100% and a lightness of 50.2%. #ffaf01 color hex could be obtained by blending #ffff02 with #ff5f00. Closest websafe color is: #ff9900.
-
- R 100
- G 69
- B 0
-
- C 0
- M 31
- Y 100
- K 0
● #ffaf01 color description : Vivid orange.
#ffaf01 Color Conversion
The hexadecimal color #ffaf01 has RGB values of R:255, G:175, B:1 and CMYK values of C:0, M:0.31, Y:1, K:0. Its decimal value is 16756481.
Hex triplet | ffaf01 | #ffaf01 |
---|---|---|
RGB Decimal | 255, 175, 1 | rgb(255,175,1) |
RGB Percent | 100, 68.6, 0.4 | rgb(100%,68.6%,0.4%) |
CMYK | 0, 31, 100, 0 | |
HSL | 41.1°, 100, 50.2 | hsl(41.1,100%,50.2%) |
HSV (or HSB) | 41.1°, 99.6, 100 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 77.237, 18.719, 80.359 |
---|---|
XYZ | 56.577, 51.926, 7.072 |
xyY | 0.49, 0.449, 51.926 |
CIE-LCH | 77.237, 82.511, 76.887 |
CIE-LUV | 77.237, 66.598, 77.494 |
Hunter-Lab | 72.06, 14.043, 44.623 |
Binary | 11111111, 10101111, 00000001 |
Color Schemes with #ffaf01
Alternatives to #ffaf01
Below, you can see some colors close to #ffaf01. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf01 Preview
This text has a font color of #ffaf01.
<span style="color:#ffaf01;">Text here</span>
This paragraph has a background color of #ffaf01.
<p style="background-color:#ffaf01;">Content here</p>
This element has a border color of #ffaf01.
<div style="border:1px solid #ffaf01;">Content here</div>
.text {color:#ffaf01;}
.background {background-color:#ffaf01;}
.border {border:1px solid #ffaf01;}
Shades and Tints of #ffaf01
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, #010100 is the darkest color, while #fff9ec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150e00
#150e00
rgb(21,14,0)
-
#281c00
#281c00
rgb(40,28,0)
-
#3c2900
#3c2900
rgb(60,41,0)
-
#4f3600
#4f3600
rgb(79,54,0)
-
#634400
#634400
rgb(99,68,0)
-
#775100
#775100
rgb(119,81,0)
-
#8a5f00
#8a5f00
rgb(138,95,0)
-
#9e6c00
#9e6c00
rgb(158,108,0)
-
#b27a00
#b27a00
rgb(178,122,0)
-
#c58700
#c58700
rgb(197,135,0)
-
#d99400
#d99400
rgb(217,148,0)
-
#eca200
#eca200
rgb(236,162,0)
-
#ffaf01
#ffaf01
rgb(255,175,1)
-
#ffb515
#ffb515
rgb(255,181,21)
-
#ffbb28
#ffbb28
rgb(255,187,40)
-
#ffc23c
#ffc23c
rgb(255,194,60)
-
#ffc84f
#ffc84f
rgb(255,200,79)
-
#ffce63
#ffce63
rgb(255,206,99)
-
#ffd477
#ffd477
rgb(255,212,119)
-
#ffda8a
#ffda8a
rgb(255,218,138)
-
#ffe09e
#ffe09e
rgb(255,224,158)
-
#ffe7b2
#ffe7b2
rgb(255,231,178)
-
#ffedc5
#ffedc5
rgb(255,237,197)
-
#fff3d9
#fff3d9
rgb(255,243,217)
-
#fff9ec
#fff9ec
rgb(255,249,236)
Tones of #ffaf01
A tone is produced by adding gray to any pure hue. In this case, #8a8476 is the less saturated color, while #ffaf01 is the most saturated one.
-
#8a8476
#8a8476
rgb(138,132,118)
-
#94876c
#94876c
rgb(148,135,108)
-
#9d8b63
#9d8b63
rgb(157,139,99)
-
#a78e59
#a78e59
rgb(167,142,89)
-
#b1924f
#b1924f
rgb(177,146,79)
-
#bb9645
#bb9645
rgb(187,150,69)
-
#c4993c
#c4993c
rgb(196,153,60)
-
#ce9d32
#ce9d32
rgb(206,157,50)
-
#d8a128
#d8a128
rgb(216,161,40)
-
#e2a41e
#e2a41e
rgb(226,164,30)
-
#eba815
#eba815
rgb(235,168,21)
-
#f5ab0b
#f5ab0b
rgb(245,171,11)
-
#ffaf01
#ffaf01
rgb(255,175,1)
Color Blindness Simulator
Below, you can see how #ffaf01 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.