#ffd168 Color Information
In a RGB color space, hex #ffd168 is composed of 100% red, 82% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 59.2% yellow and 0% black. It has a hue angle of 41.7 degrees, a saturation of 100% and a lightness of 70.4%. #ffd168 color hex could be obtained by blending #ffffd0 with #ffa300. Closest websafe color is: #ffcc66.
-
- R 100
- G 82
- B 41
-
- C 0
- M 18
- Y 59
- K 0
● #ffd168 color description : Very light orange.
#ffd168 Color Conversion
The hexadecimal color #ffd168 has RGB values of R:255, G:209, B:104 and CMYK values of C:0, M:0.18, Y:0.59, K:0. Its decimal value is 16765288.
Hex triplet | ffd168 | #ffd168 |
---|---|---|
RGB Decimal | 255, 209, 104 | rgb(255,209,104) |
RGB Percent | 100, 82, 40.8 | rgb(100%,82%,40.8%) |
CMYK | 0, 18, 59, 0 | |
HSL | 41.7°, 100, 70.4 | hsl(41.7,100%,70.4%) |
HSV (or HSB) | 41.7°, 59.2, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 85.938, 4.579, 57.181 |
---|---|
XYZ | 66.54, 67.863, 22.69 |
xyY | 0.424, 0.432, 67.863 |
CIE-LCH | 85.938, 57.364, 85.421 |
CIE-LUV | 85.938, 36.967, 68.806 |
Hunter-Lab | 82.379, 0.016, 41.335 |
Binary | 11111111, 11010001, 01101000 |
Color Schemes with #ffd168
Alternatives to #ffd168
Below, you can see some colors close to #ffd168. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd168 Preview
This text has a font color of #ffd168.
<span style="color:#ffd168;">Text here</span>
This paragraph has a background color of #ffd168.
<p style="background-color:#ffd168;">Content here</p>
This element has a border color of #ffd168.
<div style="border:1px solid #ffd168;">Content here</div>
.text {color:#ffd168;}
.background {background-color:#ffd168;}
.border {border:1px solid #ffd168;}
Shades and Tints of #ffd168
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, #060400 is the darkest color, while #fffbf1 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#1a1200
#1a1200
rgb(26,18,0)
-
#2d1f00
#2d1f00
rgb(45,31,0)
-
#412d00
#412d00
rgb(65,45,0)
-
#543b00
#543b00
rgb(84,59,0)
-
#684800
#684800
rgb(104,72,0)
-
#7c5600
#7c5600
rgb(124,86,0)
-
#8f6400
#8f6400
rgb(143,100,0)
-
#a37100
#a37100
rgb(163,113,0)
-
#b67f00
#b67f00
rgb(182,127,0)
-
#ca8d00
#ca8d00
rgb(202,141,0)
-
#de9a00
#de9a00
rgb(222,154,0)
-
#f1a800
#f1a800
rgb(241,168,0)
-
#ffb306
#ffb306
rgb(255,179,6)
-
#ffb91a
#ffb91a
rgb(255,185,26)
-
#ffbf2d
#ffbf2d
rgb(255,191,45)
-
#ffc541
#ffc541
rgb(255,197,65)
-
#ffcb54
#ffcb54
rgb(255,203,84)
-
#ffd168
#ffd168
rgb(255,209,104)
-
#ffd77c
#ffd77c
rgb(255,215,124)
-
#ffdd8f
#ffdd8f
rgb(255,221,143)
-
#ffe3a3
#ffe3a3
rgb(255,227,163)
-
#ffe9b6
#ffe9b6
rgb(255,233,182)
-
#ffefca
#ffefca
rgb(255,239,202)
-
#fff5de
#fff5de
rgb(255,245,222)
-
#fffbf1
#fffbf1
rgb(255,251,241)
Tones of #ffd168
A tone is produced by adding gray to any pure hue. In this case, #b9b6ae is the less saturated color, while #ffd168 is the most saturated one.
-
#b9b6ae
#b9b6ae
rgb(185,182,174)
-
#bfb8a8
#bfb8a8
rgb(191,184,168)
-
#c5baa2
#c5baa2
rgb(197,186,162)
-
#cbbd9c
#cbbd9c
rgb(203,189,156)
-
#d1bf96
#d1bf96
rgb(209,191,150)
-
#d6c191
#d6c191
rgb(214,193,145)
-
#dcc38b
#dcc38b
rgb(220,195,139)
-
#e2c685
#e2c685
rgb(226,198,133)
-
#e8c87f
#e8c87f
rgb(232,200,127)
-
#eeca79
#eeca79
rgb(238,202,121)
-
#f3cc74
#f3cc74
rgb(243,204,116)
-
#f9cf6e
#f9cf6e
rgb(249,207,110)
-
#ffd168
#ffd168
rgb(255,209,104)
Color Blindness Simulator
Below, you can see how #ffd168 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.