#ffd367 Color Information
In a RGB color space, hex #ffd367 is composed of 100% red, 82.7% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 59.6% yellow and 0% black. It has a hue angle of 42.6 degrees, a saturation of 100% and a lightness of 70.2%. #ffd367 color hex could be obtained by blending #ffffce with #ffa700. Closest websafe color is: #ffcc66.
-
- R 100
- G 83
- B 40
-
- C 0
- M 17
- Y 60
- K 0
● #ffd367 color description : Very light orange.
#ffd367 Color Conversion
The hexadecimal color #ffd367 has RGB values of R:255, G:211, B:103 and CMYK values of C:0, M:0.17, Y:0.6, K:0. Its decimal value is 16765799.
Hex triplet | ffd367 | #ffd367 |
---|---|---|
RGB Decimal | 255, 211, 103 | rgb(255,211,103) |
RGB Percent | 100, 82.7, 40.4 | rgb(100%,82.7%,40.4%) |
CMYK | 0, 17, 60, 0 | |
HSL | 42.6°, 100, 70.2 | hsl(42.6,100%,70.2%) |
HSV (or HSB) | 42.6°, 59.6, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 86.42, 3.485, 58.189 |
---|---|
XYZ | 66.983, 68.83, 22.589 |
xyY | 0.423, 0.435, 68.83 |
CIE-LCH | 86.42, 58.294, 86.572 |
CIE-LUV | 86.42, 35.625, 70.1 |
Hunter-Lab | 82.964, -1.071, 41.932 |
Binary | 11111111, 11010011, 01100111 |
Color Schemes with #ffd367
Alternatives to #ffd367
Below, you can see some colors close to #ffd367. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffd367 Preview
This text has a font color of #ffd367.
<span style="color:#ffd367;">Text here</span>
This paragraph has a background color of #ffd367.
<p style="background-color:#ffd367;">Content here</p>
This element has a border color of #ffd367.
<div style="border:1px solid #ffd367;">Content here</div>
.text {color:#ffd367;}
.background {background-color:#ffd367;}
.border {border:1px solid #ffd367;}
Shades and Tints of #ffd367
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, #050300 is the darkest color, while #fffbf0 is the lightest one.
-
#050300
#050300
rgb(5,3,0)
-
#191100
#191100
rgb(25,17,0)
-
#2c1f00
#2c1f00
rgb(44,31,0)
-
#402d00
#402d00
rgb(64,45,0)
-
#533b00
#533b00
rgb(83,59,0)
-
#674900
#674900
rgb(103,73,0)
-
#7b5700
#7b5700
rgb(123,87,0)
-
#8e6500
#8e6500
rgb(142,101,0)
-
#a27300
#a27300
rgb(162,115,0)
-
#b58100
#b58100
rgb(181,129,0)
-
#c98f00
#c98f00
rgb(201,143,0)
-
#dd9d00
#dd9d00
rgb(221,157,0)
-
#f0ab00
#f0ab00
rgb(240,171,0)
-
#ffb705
#ffb705
rgb(255,183,5)
-
#ffbc19
#ffbc19
rgb(255,188,25)
-
#ffc22c
#ffc22c
rgb(255,194,44)
-
#ffc840
#ffc840
rgb(255,200,64)
-
#ffcd53
#ffcd53
rgb(255,205,83)
-
#ffd367
#ffd367
rgb(255,211,103)
-
#ffd97b
#ffd97b
rgb(255,217,123)
-
#ffde8e
#ffde8e
rgb(255,222,142)
-
#ffe4a2
#ffe4a2
rgb(255,228,162)
-
#ffeab5
#ffeab5
rgb(255,234,181)
-
#ffefc9
#ffefc9
rgb(255,239,201)
-
#fff5dd
#fff5dd
rgb(255,245,221)
-
#fffbf0
#fffbf0
rgb(255,251,240)
Tones of #ffd367
A tone is produced by adding gray to any pure hue. In this case, #b9b5ad is the less saturated color, while #ffd367 is the most saturated one.
-
#b9b5ad
#b9b5ad
rgb(185,181,173)
-
#bfb8a7
#bfb8a7
rgb(191,184,167)
-
#c5baa1
#c5baa1
rgb(197,186,161)
-
#cabd9c
#cabd9c
rgb(202,189,156)
-
#d0bf96
#d0bf96
rgb(208,191,150)
-
#d6c290
#d6c290
rgb(214,194,144)
-
#dcc48a
#dcc48a
rgb(220,196,138)
-
#e2c784
#e2c784
rgb(226,199,132)
-
#e8c97e
#e8c97e
rgb(232,201,126)
-
#edcc79
#edcc79
rgb(237,204,121)
-
#f3ce73
#f3ce73
rgb(243,206,115)
-
#f9d16d
#f9d16d
rgb(249,209,109)
-
#ffd367
#ffd367
rgb(255,211,103)
Color Blindness Simulator
Below, you can see how #ffd367 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.