#ffaf54 Color Information
In a RGB color space, hex #ffaf54 is composed of 100% red, 68.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 67.1% yellow and 0% black. It has a hue angle of 31.9 degrees, a saturation of 100% and a lightness of 66.5%. #ffaf54 color hex could be obtained by blending #ffffa8 with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 33
-
- C 0
- M 31
- Y 67
- K 0
● #ffaf54 color description : Light orange.
#ffaf54 Color Conversion
The hexadecimal color #ffaf54 has RGB values of R:255, G:175, B:84 and CMYK values of C:0, M:0.31, Y:0.67, K:0. Its decimal value is 16756564.
Hex triplet | ffaf54 | #ffaf54 |
---|---|---|
RGB Decimal | 255, 175, 84 | rgb(255,175,84) |
RGB Percent | 100, 68.6, 32.9 | rgb(100%,68.6%,32.9%) |
CMYK | 0, 31, 67, 0 | |
HSL | 31.9°, 100, 66.5 | hsl(31.9,100%,66.5%) |
HSV (or HSB) | 31.9°, 67.1, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.617, 20.995, 57.049 |
---|---|
XYZ | 58.171, 52.564, 15.469 |
xyY | 0.461, 0.416, 52.564 |
CIE-LCH | 77.617, 60.789, 69.795 |
CIE-LUV | 77.617, 63.282, 61.954 |
Hunter-Lab | 72.501, 16.344, 38.1 |
Binary | 11111111, 10101111, 01010100 |
Color Schemes with #ffaf54
Alternatives to #ffaf54
Below, you can see some colors close to #ffaf54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf54 Preview
This text has a font color of #ffaf54.
<span style="color:#ffaf54;">Text here</span>
This paragraph has a background color of #ffaf54.
<p style="background-color:#ffaf54;">Content here</p>
This element has a border color of #ffaf54.
<div style="border:1px solid #ffaf54;">Content here</div>
.text {color:#ffaf54;}
.background {background-color:#ffaf54;}
.border {border:1px solid #ffaf54;}
Shades and Tints of #ffaf54
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, #060300 is the darkest color, while #fff8f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190d00
#190d00
rgb(25,13,0)
-
#2d1800
#2d1800
rgb(45,24,0)
-
#402200
#402200
rgb(64,34,0)
-
#542d00
#542d00
rgb(84,45,0)
-
#683700
#683700
rgb(104,55,0)
-
#7b4200
#7b4200
rgb(123,66,0)
-
#8f4c00
#8f4c00
rgb(143,76,0)
-
#a25600
#a25600
rgb(162,86,0)
-
#b66100
#b66100
rgb(182,97,0)
-
#ca6b00
#ca6b00
rgb(202,107,0)
-
#dd7600
#dd7600
rgb(221,118,0)
-
#f18000
#f18000
rgb(241,128,0)
-
#ff8a06
#ff8a06
rgb(255,138,6)
-
#ff9319
#ff9319
rgb(255,147,25)
-
#ff9d2d
#ff9d2d
rgb(255,157,45)
-
#ffa640
#ffa640
rgb(255,166,64)
-
#ffaf54
#ffaf54
rgb(255,175,84)
-
#ffb868
#ffb868
rgb(255,184,104)
-
#ffc17b
#ffc17b
rgb(255,193,123)
-
#ffcb8f
#ffcb8f
rgb(255,203,143)
-
#ffd4a2
#ffd4a2
rgb(255,212,162)
-
#ffddb6
#ffddb6
rgb(255,221,182)
-
#ffe6ca
#ffe6ca
rgb(255,230,202)
-
#ffefdd
#ffefdd
rgb(255,239,221)
-
#fff8f1
#fff8f1
rgb(255,248,241)
Tones of #ffaf54
A tone is produced by adding gray to any pure hue. In this case, #b0aaa3 is the less saturated color, while #ffaf54 is the most saturated one.
-
#b0aaa3
#b0aaa3
rgb(176,170,163)
-
#b7aa9c
#b7aa9c
rgb(183,170,156)
-
#bdab96
#bdab96
rgb(189,171,150)
-
#c4ab8f
#c4ab8f
rgb(196,171,143)
-
#caac89
#caac89
rgb(202,172,137)
-
#d1ac82
#d1ac82
rgb(209,172,130)
-
#d8ac7b
#d8ac7b
rgb(216,172,123)
-
#dead75
#dead75
rgb(222,173,117)
-
#e5ad6e
#e5ad6e
rgb(229,173,110)
-
#ebae68
#ebae68
rgb(235,174,104)
-
#f2ae61
#f2ae61
rgb(242,174,97)
-
#f8af5b
#f8af5b
rgb(248,175,91)
-
#ffaf54
#ffaf54
rgb(255,175,84)
Color Blindness Simulator
Below, you can see how #ffaf54 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.