#ffcd54 Color Information
In a RGB color space, hex #ffcd54 is composed of 100% red, 80.4% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 67.1% yellow and 0% black. It has a hue angle of 42.5 degrees, a saturation of 100% and a lightness of 66.5%. #ffcd54 color hex could be obtained by blending #ffffa8 with #ff9b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 33
-
- C 0
- M 20
- Y 67
- K 0
● #ffcd54 color description : Light orange.
#ffcd54 Color Conversion
The hexadecimal color #ffcd54 has RGB values of R:255, G:205, B:84 and CMYK values of C:0, M:0.2, Y:0.67, K:0. Its decimal value is 16764244.
Hex triplet | ffcd54 | #ffcd54 |
---|---|---|
RGB Decimal | 255, 205, 84 | rgb(255,205,84) |
RGB Percent | 100, 80.4, 32.9 | rgb(100%,80.4%,32.9%) |
CMYK | 0, 20, 67, 0 | |
HSL | 42.5°, 100, 66.5 | hsl(42.5,100%,66.5%) |
HSV (or HSB) | 42.5°, 67.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.774, 5.402, 64.728 |
---|---|
XYZ | 64.672, 65.566, 17.636 |
xyY | 0.437, 0.443, 65.566 |
CIE-LCH | 84.774, 64.953, 85.229 |
CIE-LUV | 84.774, 40.892, 74.49 |
Hunter-Lab | 80.973, 0.865, 43.767 |
Binary | 11111111, 11001101, 01010100 |
Color Schemes with #ffcd54
Alternatives to #ffcd54
Below, you can see some colors close to #ffcd54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcd54 Preview
This text has a font color of #ffcd54.
<span style="color:#ffcd54;">Text here</span>
This paragraph has a background color of #ffcd54.
<p style="background-color:#ffcd54;">Content here</p>
This element has a border color of #ffcd54.
<div style="border:1px solid #ffcd54;">Content here</div>
.text {color:#ffcd54;}
.background {background-color:#ffcd54;}
.border {border:1px solid #ffcd54;}
Shades and Tints of #ffcd54
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)
-
#191200
#191200
rgb(25,18,0)
-
#2d2000
#2d2000
rgb(45,32,0)
-
#402e00
#402e00
rgb(64,46,0)
-
#543b00
#543b00
rgb(84,59,0)
-
#684900
#684900
rgb(104,73,0)
-
#7b5700
#7b5700
rgb(123,87,0)
-
#8f6500
#8f6500
rgb(143,101,0)
-
#a27300
#a27300
rgb(162,115,0)
-
#b68100
#b68100
rgb(182,129,0)
-
#ca8f00
#ca8f00
rgb(202,143,0)
-
#dd9d00
#dd9d00
rgb(221,157,0)
-
#f1aa00
#f1aa00
rgb(241,170,0)
-
#ffb606
#ffb606
rgb(255,182,6)
-
#ffbc19
#ffbc19
rgb(255,188,25)
-
#ffc22d
#ffc22d
rgb(255,194,45)
-
#ffc740
#ffc740
rgb(255,199,64)
-
#ffcd54
#ffcd54
rgb(255,205,84)
-
#ffd368
#ffd368
rgb(255,211,104)
-
#ffd87b
#ffd87b
rgb(255,216,123)
-
#ffde8f
#ffde8f
rgb(255,222,143)
-
#ffe4a2
#ffe4a2
rgb(255,228,162)
-
#ffeab6
#ffeab6
rgb(255,234,182)
-
#ffefca
#ffefca
rgb(255,239,202)
-
#fff5dd
#fff5dd
rgb(255,245,221)
-
#fffbf1
#fffbf1
rgb(255,251,241)
Tones of #ffcd54
A tone is produced by adding gray to any pure hue. In this case, #b0aca3 is the less saturated color, while #ffcd54 is the most saturated one.
-
#b0aca3
#b0aca3
rgb(176,172,163)
-
#b7af9c
#b7af9c
rgb(183,175,156)
-
#bdb296
#bdb296
rgb(189,178,150)
-
#c4b48f
#c4b48f
rgb(196,180,143)
-
#cab789
#cab789
rgb(202,183,137)
-
#d1ba82
#d1ba82
rgb(209,186,130)
-
#d8bd7b
#d8bd7b
rgb(216,189,123)
-
#debf75
#debf75
rgb(222,191,117)
-
#e5c26e
#e5c26e
rgb(229,194,110)
-
#ebc568
#ebc568
rgb(235,197,104)
-
#f2c861
#f2c861
rgb(242,200,97)
-
#f8ca5b
#f8ca5b
rgb(248,202,91)
-
#ffcd54
#ffcd54
rgb(255,205,84)
Color Blindness Simulator
Below, you can see how #ffcd54 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.