#ffcd51 Color Information
In a RGB color space, hex #ffcd51 is composed of 100% red, 80.4% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 68.2% yellow and 0% black. It has a hue angle of 42.8 degrees, a saturation of 100% and a lightness of 65.9%. #ffcd51 color hex could be obtained by blending #ffffa2 with #ff9b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 80
- B 32
-
- C 0
- M 20
- Y 68
- K 0
● #ffcd51 color description : Light orange.
#ffcd51 Color Conversion
The hexadecimal color #ffcd51 has RGB values of R:255, G:205, B:81 and CMYK values of C:0, M:0.2, Y:0.68, K:0. Its decimal value is 16764241.
Hex triplet | ffcd51 | #ffcd51 |
---|---|---|
RGB Decimal | 255, 205, 81 | rgb(255,205,81) |
RGB Percent | 100, 80.4, 31.8 | rgb(100%,80.4%,31.8%) |
CMYK | 0, 20, 68, 0 | |
HSL | 42.8°, 100, 65.9 | hsl(42.8,100%,65.9%) |
HSV (or HSB) | 42.8°, 68.2, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 84.751, 5.243, 65.95 |
---|---|
XYZ | 64.557, 65.52, 17.03 |
xyY | 0.439, 0.445, 65.52 |
CIE-LCH | 84.751, 66.158, 85.455 |
CIE-LUV | 84.751, 41.037, 75.463 |
Hunter-Lab | 80.944, 0.711, 44.186 |
Binary | 11111111, 11001101, 01010001 |
Color Schemes with #ffcd51
Alternatives to #ffcd51
Below, you can see some colors close to #ffcd51. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcd51 Preview
This text has a font color of #ffcd51.
<span style="color:#ffcd51;">Text here</span>
This paragraph has a background color of #ffcd51.
<p style="background-color:#ffcd51;">Content here</p>
This element has a border color of #ffcd51.
<div style="border:1px solid #ffcd51;">Content here</div>
.text {color:#ffcd51;}
.background {background-color:#ffcd51;}
.border {border:1px solid #ffcd51;}
Shades and Tints of #ffcd51
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, #030200 is the darkest color, while #fffaee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#161000
#161000
rgb(22,16,0)
-
#2a1e00
#2a1e00
rgb(42,30,0)
-
#3d2c00
#3d2c00
rgb(61,44,0)
-
#513a00
#513a00
rgb(81,58,0)
-
#654800
#654800
rgb(101,72,0)
-
#785600
#785600
rgb(120,86,0)
-
#8c6400
#8c6400
rgb(140,100,0)
-
#9f7200
#9f7200
rgb(159,114,0)
-
#b38000
#b38000
rgb(179,128,0)
-
#c78e00
#c78e00
rgb(199,142,0)
-
#da9c00
#da9c00
rgb(218,156,0)
-
#eeaa00
#eeaa00
rgb(238,170,0)
-
#ffb603
#ffb603
rgb(255,182,3)
-
#ffbc16
#ffbc16
rgb(255,188,22)
-
#ffc22a
#ffc22a
rgb(255,194,42)
-
#ffc73d
#ffc73d
rgb(255,199,61)
-
#ffcd51
#ffcd51
rgb(255,205,81)
-
#ffd365
#ffd365
rgb(255,211,101)
-
#ffd878
#ffd878
rgb(255,216,120)
-
#ffde8c
#ffde8c
rgb(255,222,140)
-
#ffe49f
#ffe49f
rgb(255,228,159)
-
#ffe9b3
#ffe9b3
rgb(255,233,179)
-
#ffefc7
#ffefc7
rgb(255,239,199)
-
#fff4da
#fff4da
rgb(255,244,218)
-
#fffaee
#fffaee
rgb(255,250,238)
Tones of #ffcd51
A tone is produced by adding gray to any pure hue. In this case, #afaba1 is the less saturated color, while #ffcd51 is the most saturated one.
-
#afaba1
#afaba1
rgb(175,171,161)
-
#b5ae9b
#b5ae9b
rgb(181,174,155)
-
#bcb194
#bcb194
rgb(188,177,148)
-
#c3b38d
#c3b38d
rgb(195,179,141)
-
#c9b687
#c9b687
rgb(201,182,135)
-
#d0b980
#d0b980
rgb(208,185,128)
-
#d7bc79
#d7bc79
rgb(215,188,121)
-
#debf72
#debf72
rgb(222,191,114)
-
#e4c26c
#e4c26c
rgb(228,194,108)
-
#ebc465
#ebc465
rgb(235,196,101)
-
#f2c75e
#f2c75e
rgb(242,199,94)
-
#f8ca58
#f8ca58
rgb(248,202,88)
-
#ffcd51
#ffcd51
rgb(255,205,81)
Color Blindness Simulator
Below, you can see how #ffcd51 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.