#ffaf78 Color Information
In a RGB color space, hex #ffaf78 is composed of 100% red, 68.6% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 52.9% yellow and 0% black. It has a hue angle of 24.4 degrees, a saturation of 100% and a lightness of 73.5%. #ffaf78 color hex could be obtained by blending #fffff0 with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 47
-
- C 0
- M 31
- Y 53
- K 0
● #ffaf78 color description : Very light orange.
#ffaf78 Color Conversion
The hexadecimal color #ffaf78 has RGB values of R:255, G:175, B:120 and CMYK values of C:0, M:0.31, Y:0.53, K:0. Its decimal value is 16756600.
Hex triplet | ffaf78 | #ffaf78 |
---|---|---|
RGB Decimal | 255, 175, 120 | rgb(255,175,120) |
RGB Percent | 100, 68.6, 47.1 | rgb(100%,68.6%,47.1%) |
CMYK | 0, 31, 53, 0 | |
HSL | 24.4°, 100, 73.5 | hsl(24.4,100%,73.5%) |
HSV (or HSB) | 24.4°, 52.9, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 78.04, 23.481, 39.842 |
---|---|
XYZ | 59.961, 53.28, 24.894 |
xyY | 0.434, 0.386, 53.28 |
CIE-LCH | 78.04, 46.247, 59.487 |
CIE-LUV | 78.04, 59.854, 45.809 |
Hunter-Lab | 72.993, 18.894, 30.874 |
Binary | 11111111, 10101111, 01111000 |
Color Schemes with #ffaf78
Alternatives to #ffaf78
Below, you can see some colors close to #ffaf78. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf78 Preview
This text has a font color of #ffaf78.
<span style="color:#ffaf78;">Text here</span>
This paragraph has a background color of #ffaf78.
<p style="background-color:#ffaf78;">Content here</p>
This element has a border color of #ffaf78.
<div style="border:1px solid #ffaf78;">Content here</div>
.text {color:#ffaf78;}
.background {background-color:#ffaf78;}
.border {border:1px solid #ffaf78;}
Shades and Tints of #ffaf78
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 #fff5ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#160900
#160900
rgb(22,9,0)
-
#2a1100
#2a1100
rgb(42,17,0)
-
#3d1900
#3d1900
rgb(61,25,0)
-
#512100
#512100
rgb(81,33,0)
-
#642900
#642900
rgb(100,41,0)
-
#783100
#783100
rgb(120,49,0)
-
#8c3900
#8c3900
rgb(140,57,0)
-
#9f4100
#9f4100
rgb(159,65,0)
-
#b34900
#b34900
rgb(179,73,0)
-
#c65100
#c65100
rgb(198,81,0)
-
#da5900
#da5900
rgb(218,89,0)
-
#ee6100
#ee6100
rgb(238,97,0)
-
#ff6902
#ff6902
rgb(255,105,2)
-
#ff7516
#ff7516
rgb(255,117,22)
-
#ff812a
#ff812a
rgb(255,129,42)
-
#ff8c3d
#ff8c3d
rgb(255,140,61)
-
#ff9851
#ff9851
rgb(255,152,81)
-
#ffa364
#ffa364
rgb(255,163,100)
-
#ffaf78
#ffaf78
rgb(255,175,120)
-
#ffbb8c
#ffbb8c
rgb(255,187,140)
-
#ffc69f
#ffc69f
rgb(255,198,159)
-
#ffd2b3
#ffd2b3
rgb(255,210,179)
-
#ffddc6
#ffddc6
rgb(255,221,198)
-
#ffe9da
#ffe9da
rgb(255,233,218)
-
#fff5ee
#fff5ee
rgb(255,245,238)
Tones of #ffaf78
A tone is produced by adding gray to any pure hue. In this case, #c1bbb6 is the less saturated color, while #ffaf78 is the most saturated one.
-
#c1bbb6
#c1bbb6
rgb(193,187,182)
-
#c6bab1
#c6bab1
rgb(198,186,177)
-
#cbb9ac
#cbb9ac
rgb(203,185,172)
-
#d0b8a7
#d0b8a7
rgb(208,184,167)
-
#d5b7a2
#d5b7a2
rgb(213,183,162)
-
#dbb69c
#dbb69c
rgb(219,182,156)
-
#e0b597
#e0b597
rgb(224,181,151)
-
#e5b492
#e5b492
rgb(229,180,146)
-
#eab38d
#eab38d
rgb(234,179,141)
-
#efb288
#efb288
rgb(239,178,136)
-
#f5b182
#f5b182
rgb(245,177,130)
-
#fab07d
#fab07d
rgb(250,176,125)
-
#ffaf78
#ffaf78
rgb(255,175,120)
Color Blindness Simulator
Below, you can see how #ffaf78 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.