#ffaf55 Color Information
In a RGB color space, hex #ffaf55 is composed of 100% red, 68.6% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 66.7% yellow and 0% black. It has a hue angle of 31.8 degrees, a saturation of 100% and a lightness of 66.7%. #ffaf55 color hex could be obtained by blending #ffffaa with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 33
-
- C 0
- M 31
- Y 67
- K 0
● #ffaf55 color description : Light orange.
#ffaf55 Color Conversion
The hexadecimal color #ffaf55 has RGB values of R:255, G:175, B:85 and CMYK values of C:0, M:0.31, Y:0.67, K:0. Its decimal value is 16756565.
Hex triplet | ffaf55 | #ffaf55 |
---|---|---|
RGB Decimal | 255, 175, 85 | rgb(255,175,85) |
RGB Percent | 100, 68.6, 33.3 | rgb(100%,68.6%,33.3%) |
CMYK | 0, 31, 67, 0 | |
HSL | 31.8°, 100, 66.7 | hsl(31.8,100%,66.7%) |
HSV (or HSB) | 31.8°, 66.7, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.626, 21.051, 56.6 |
---|---|
XYZ | 58.211, 52.579, 15.677 |
xyY | 0.46, 0.416, 52.579 |
CIE-LCH | 77.626, 60.388, 69.598 |
CIE-LUV | 77.626, 63.203, 61.584 |
Hunter-Lab | 72.512, 16.4, 37.94 |
Binary | 11111111, 10101111, 01010101 |
Color Schemes with #ffaf55
Alternatives to #ffaf55
Below, you can see some colors close to #ffaf55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf55 Preview
This text has a font color of #ffaf55.
<span style="color:#ffaf55;">Text here</span>
This paragraph has a background color of #ffaf55.
<p style="background-color:#ffaf55;">Content here</p>
This element has a border color of #ffaf55.
<div style="border:1px solid #ffaf55;">Content here</div>
.text {color:#ffaf55;}
.background {background-color:#ffaf55;}
.border {border:1px solid #ffaf55;}
Shades and Tints of #ffaf55
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, #070300 is the darkest color, while #fff9f2 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0e00
#1a0e00
rgb(26,14,0)
-
#2e1800
#2e1800
rgb(46,24,0)
-
#412300
#412300
rgb(65,35,0)
-
#552d00
#552d00
rgb(85,45,0)
-
#693700
#693700
rgb(105,55,0)
-
#7c4200
#7c4200
rgb(124,66,0)
-
#904c00
#904c00
rgb(144,76,0)
-
#a35700
#a35700
rgb(163,87,0)
-
#b76100
#b76100
rgb(183,97,0)
-
#cb6b00
#cb6b00
rgb(203,107,0)
-
#de7600
#de7600
rgb(222,118,0)
-
#f28000
#f28000
rgb(242,128,0)
-
#ff8a07
#ff8a07
rgb(255,138,7)
-
#ff931a
#ff931a
rgb(255,147,26)
-
#ff9d2e
#ff9d2e
rgb(255,157,46)
-
#ffa641
#ffa641
rgb(255,166,65)
-
#ffaf55
#ffaf55
rgb(255,175,85)
-
#ffb869
#ffb869
rgb(255,184,105)
-
#ffc17c
#ffc17c
rgb(255,193,124)
-
#ffcb90
#ffcb90
rgb(255,203,144)
-
#ffd4a3
#ffd4a3
rgb(255,212,163)
-
#ffddb7
#ffddb7
rgb(255,221,183)
-
#ffe6cb
#ffe6cb
rgb(255,230,203)
-
#fff0de
#fff0de
rgb(255,240,222)
-
#fff9f2
#fff9f2
rgb(255,249,242)
Tones of #ffaf55
A tone is produced by adding gray to any pure hue. In this case, #b1aaa3 is the less saturated color, while #ffaf55 is the most saturated one.
-
#b1aaa3
#b1aaa3
rgb(177,170,163)
-
#b7ab9d
#b7ab9d
rgb(183,171,157)
-
#beab96
#beab96
rgb(190,171,150)
-
#c4ac90
#c4ac90
rgb(196,172,144)
-
#cbac89
#cbac89
rgb(203,172,137)
-
#d1ac83
#d1ac83
rgb(209,172,131)
-
#d8ad7c
#d8ad7c
rgb(216,173,124)
-
#dead76
#dead76
rgb(222,173,118)
-
#e5ad6f
#e5ad6f
rgb(229,173,111)
-
#ebae69
#ebae69
rgb(235,174,105)
-
#f2ae62
#f2ae62
rgb(242,174,98)
-
#f8af5c
#f8af5c
rgb(248,175,92)
-
#ffaf55
#ffaf55
rgb(255,175,85)
Color Blindness Simulator
Below, you can see how #ffaf55 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.