#ffd163 Color Information
In a RGB color space, hex #ffd163 is composed of 100% red, 82% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 61.2% yellow and 0% black. It has a hue angle of 42.3 degrees, a saturation of 100% and a lightness of 69.4%. #ffd163 color hex could be obtained by blending #ffffc6 with #ffa300. Closest websafe color is: #ffcc66.
-
- R 100
- G 82
- B 39
-
- C 0
- M 18
- Y 61
- K 0
● #ffd163 color description : Light orange.
#ffd163 Color Conversion
The hexadecimal color #ffd163 has RGB values of R:255, G:209, B:99 and CMYK values of C:0, M:0.18, Y:0.61, K:0. Its decimal value is 16765283.
Hex triplet | ffd163 | #ffd163 |
---|---|---|
RGB Decimal | 255, 209, 99 | rgb(255,209,99) |
RGB Percent | 100, 82, 38.8 | rgb(100%,82%,38.8%) |
CMYK | 0, 18, 61, 0 | |
HSL | 42.3°, 100, 69.4 | hsl(42.3,100%,69.4%) |
HSV (or HSB) | 42.3°, 61.2, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 85.889, 4.243, 59.402 |
---|---|
XYZ | 66.293, 67.765, 21.392 |
xyY | 0.426, 0.436, 67.765 |
CIE-LCH | 85.889, 59.554, 85.914 |
CIE-LUV | 85.889, 37.249, 70.802 |
Hunter-Lab | 82.319, -0.309, 42.216 |
Binary | 11111111, 11010001, 01100011 |
Color Schemes with #ffd163
Alternatives to #ffd163
Below, you can see some colors close to #ffd163. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd163 Preview
This text has a font color of #ffd163.
<span style="color:#ffd163;">Text here</span>
This paragraph has a background color of #ffd163.
<p style="background-color:#ffd163;">Content here</p>
This element has a border color of #ffd163.
<div style="border:1px solid #ffd163;">Content here</div>
.text {color:#ffd163;}
.background {background-color:#ffd163;}
.border {border:1px solid #ffd163;}
Shades and Tints of #ffd163
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, #010100 is the darkest color, while #fff9ec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#150e00
#150e00
rgb(21,14,0)
-
#281c00
#281c00
rgb(40,28,0)
-
#3c2a00
#3c2a00
rgb(60,42,0)
-
#4f3800
#4f3800
rgb(79,56,0)
-
#634600
#634600
rgb(99,70,0)
-
#775400
#775400
rgb(119,84,0)
-
#8a6100
#8a6100
rgb(138,97,0)
-
#9e6f00
#9e6f00
rgb(158,111,0)
-
#b17d00
#b17d00
rgb(177,125,0)
-
#c58b00
#c58b00
rgb(197,139,0)
-
#d99900
#d99900
rgb(217,153,0)
-
#eca700
#eca700
rgb(236,167,0)
-
#ffb401
#ffb401
rgb(255,180,1)
-
#ffba15
#ffba15
rgb(255,186,21)
-
#ffc028
#ffc028
rgb(255,192,40)
-
#ffc53c
#ffc53c
rgb(255,197,60)
-
#ffcb4f
#ffcb4f
rgb(255,203,79)
-
#ffd163
#ffd163
rgb(255,209,99)
-
#ffd777
#ffd777
rgb(255,215,119)
-
#ffdd8a
#ffdd8a
rgb(255,221,138)
-
#ffe29e
#ffe29e
rgb(255,226,158)
-
#ffe8b1
#ffe8b1
rgb(255,232,177)
-
#ffeec5
#ffeec5
rgb(255,238,197)
-
#fff4d9
#fff4d9
rgb(255,244,217)
-
#fff9ec
#fff9ec
rgb(255,249,236)
Tones of #ffd163
A tone is produced by adding gray to any pure hue. In this case, #b7b3ab is the less saturated color, while #ffd163 is the most saturated one.
-
#b7b3ab
#b7b3ab
rgb(183,179,171)
-
#bdb6a5
#bdb6a5
rgb(189,182,165)
-
#c3b89f
#c3b89f
rgb(195,184,159)
-
#c9bb99
#c9bb99
rgb(201,187,153)
-
#cfbd93
#cfbd93
rgb(207,189,147)
-
#d5c08d
#d5c08d
rgb(213,192,141)
-
#dbc287
#dbc287
rgb(219,194,135)
-
#e1c581
#e1c581
rgb(225,197,129)
-
#e7c77b
#e7c77b
rgb(231,199,123)
-
#edca75
#edca75
rgb(237,202,117)
-
#f3cc6f
#f3cc6f
rgb(243,204,111)
-
#f9cf69
#f9cf69
rgb(249,207,105)
-
#ffd163
#ffd163
rgb(255,209,99)
Color Blindness Simulator
Below, you can see how #ffd163 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.