#ffaf68 Color Information
In a RGB color space, hex #ffaf68 is composed of 100% red, 68.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 59.2% yellow and 0% black. It has a hue angle of 28.2 degrees, a saturation of 100% and a lightness of 70.4%. #ffaf68 color hex could be obtained by blending #ffffd0 with #ff5f00. Closest websafe color is: #ff9966.
-
- R 100
- G 69
- B 41
-
- C 0
- M 31
- Y 59
- K 0
● #ffaf68 color description : Very light orange.
#ffaf68 Color Conversion
The hexadecimal color #ffaf68 has RGB values of R:255, G:175, B:104 and CMYK values of C:0, M:0.31, Y:0.59, K:0. Its decimal value is 16756584.
Hex triplet | ffaf68 | #ffaf68 |
---|---|---|
RGB Decimal | 255, 175, 104 | rgb(255,175,104) |
RGB Percent | 100, 68.6, 40.8 | rgb(100%,68.6%,40.8%) |
CMYK | 0, 31, 59, 0 | |
HSL | 28.2°, 100, 70.4 | hsl(28.2,100%,70.4%) |
HSV (or HSB) | 28.2°, 59.2, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 77.83, 22.252, 47.708 |
---|---|
XYZ | 59.07, 52.923, 20.2 |
xyY | 0.447, 0.4, 52.923 |
CIE-LCH | 77.83, 52.642, 64.995 |
CIE-LUV | 77.83, 61.524, 53.689 |
Hunter-Lab | 72.748, 17.628, 34.461 |
Binary | 11111111, 10101111, 01101000 |
Color Schemes with #ffaf68
Alternatives to #ffaf68
Below, you can see some colors close to #ffaf68. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffaf68 Preview
This text has a font color of #ffaf68.
<span style="color:#ffaf68;">Text here</span>
This paragraph has a background color of #ffaf68.
<p style="background-color:#ffaf68;">Content here</p>
This element has a border color of #ffaf68.
<div style="border:1px solid #ffaf68;">Content here</div>
.text {color:#ffaf68;}
.background {background-color:#ffaf68;}
.border {border:1px solid #ffaf68;}
Shades and Tints of #ffaf68
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)
-
#1a0c00
#1a0c00
rgb(26,12,0)
-
#2d1500
#2d1500
rgb(45,21,0)
-
#411e00
#411e00
rgb(65,30,0)
-
#542800
#542800
rgb(84,40,0)
-
#683100
#683100
rgb(104,49,0)
-
#7c3a00
#7c3a00
rgb(124,58,0)
-
#8f4300
#8f4300
rgb(143,67,0)
-
#a34d00
#a34d00
rgb(163,77,0)
-
#b65600
#b65600
rgb(182,86,0)
-
#ca5f00
#ca5f00
rgb(202,95,0)
-
#de6800
#de6800
rgb(222,104,0)
-
#f17100
#f17100
rgb(241,113,0)
-
#ff7b06
#ff7b06
rgb(255,123,6)
-
#ff851a
#ff851a
rgb(255,133,26)
-
#ff902d
#ff902d
rgb(255,144,45)
-
#ff9a41
#ff9a41
rgb(255,154,65)
-
#ffa554
#ffa554
rgb(255,165,84)
-
#ffaf68
#ffaf68
rgb(255,175,104)
-
#ffb97c
#ffb97c
rgb(255,185,124)
-
#ffc48f
#ffc48f
rgb(255,196,143)
-
#ffcea3
#ffcea3
rgb(255,206,163)
-
#ffd9b6
#ffd9b6
rgb(255,217,182)
-
#ffe3ca
#ffe3ca
rgb(255,227,202)
-
#ffedde
#ffedde
rgb(255,237,222)
-
#fff8f1
#fff8f1
rgb(255,248,241)
Tones of #ffaf68
A tone is produced by adding gray to any pure hue. In this case, #b9b3ae is the less saturated color, while #ffaf68 is the most saturated one.
-
#b9b3ae
#b9b3ae
rgb(185,179,174)
-
#bfb3a8
#bfb3a8
rgb(191,179,168)
-
#c5b2a2
#c5b2a2
rgb(197,178,162)
-
#cbb29c
#cbb29c
rgb(203,178,156)
-
#d1b296
#d1b296
rgb(209,178,150)
-
#d6b191
#d6b191
rgb(214,177,145)
-
#dcb18b
#dcb18b
rgb(220,177,139)
-
#e2b185
#e2b185
rgb(226,177,133)
-
#e8b07f
#e8b07f
rgb(232,176,127)
-
#eeb079
#eeb079
rgb(238,176,121)
-
#f3b074
#f3b074
rgb(243,176,116)
-
#f9af6e
#f9af6e
rgb(249,175,110)
-
#ffaf68
#ffaf68
rgb(255,175,104)
Color Blindness Simulator
Below, you can see how #ffaf68 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.