#ffcd3b Color Information
In a RGB color space, hex #ffcd3b is composed of 100% red, 80.4% green and 23.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.6% magenta, 76.9% yellow and 0% black. It has a hue angle of 44.7 degrees, a saturation of 100% and a lightness of 61.6%. #ffcd3b color hex could be obtained by blending #ffff76 with #ff9b00. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 23
-
- C 0
- M 20
- Y 77
- K 0
● #ffcd3b color description : Light orange.
#ffcd3b Color Conversion
The hexadecimal color #ffcd3b has RGB values of R:255, G:205, B:59 and CMYK values of C:0, M:0.2, Y:0.77, K:0. Its decimal value is 16764219.
Hex triplet | ffcd3b | #ffcd3b |
---|---|---|
RGB Decimal | 255, 205, 59 | rgb(255,205,59) |
RGB Percent | 100, 80.4, 23.1 | rgb(100%,80.4%,23.1%) |
CMYK | 0, 20, 77, 0 | |
HSL | 44.7°, 100, 61.6 | hsl(44.7,100%,61.6%) |
HSV (or HSB) | 44.7°, 76.9, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.608, 4.274, 74.062 |
---|---|
XYZ | 63.862, 65.241, 13.367 |
xyY | 0.448, 0.458, 65.241 |
CIE-LCH | 84.608, 74.186, 86.697 |
CIE-LUV | 84.608, 41.929, 81.442 |
Hunter-Lab | 80.772, -0.222, 46.729 |
Binary | 11111111, 11001101, 00111011 |
Color Schemes with #ffcd3b
Alternatives to #ffcd3b
Below, you can see some colors close to #ffcd3b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcd3b Preview
This text has a font color of #ffcd3b.
<span style="color:#ffcd3b;">Text here</span>
This paragraph has a background color of #ffcd3b.
<p style="background-color:#ffcd3b;">Content here</p>
This element has a border color of #ffcd3b.
<div style="border:1px solid #ffcd3b;">Content here</div>
.text {color:#ffcd3b;}
.background {background-color:#ffcd3b;}
.border {border:1px solid #ffcd3b;}
Shades and Tints of #ffcd3b
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, #000000 is the darkest color, while #fffaec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140f00
#140f00
rgb(20,15,0)
-
#271d00
#271d00
rgb(39,29,0)
-
#3b2c00
#3b2c00
rgb(59,44,0)
-
#4f3b00
#4f3b00
rgb(79,59,0)
-
#624900
#624900
rgb(98,73,0)
-
#765800
#765800
rgb(118,88,0)
-
#896600
#896600
rgb(137,102,0)
-
#9d7500
#9d7500
rgb(157,117,0)
-
#b18400
#b18400
rgb(177,132,0)
-
#c49200
#c49200
rgb(196,146,0)
-
#d8a100
#d8a100
rgb(216,161,0)
-
#ecaf00
#ecaf00
rgb(236,175,0)
-
#ffbe00
#ffbe00
rgb(255,190,0)
-
#ffc314
#ffc314
rgb(255,195,20)
-
#ffc827
#ffc827
rgb(255,200,39)
-
#ffcd3b
#ffcd3b
rgb(255,205,59)
-
#ffd24f
#ffd24f
rgb(255,210,79)
-
#ffd762
#ffd762
rgb(255,215,98)
-
#ffdc76
#ffdc76
rgb(255,220,118)
-
#ffe189
#ffe189
rgb(255,225,137)
-
#ffe69d
#ffe69d
rgb(255,230,157)
-
#ffebb1
#ffebb1
rgb(255,235,177)
-
#fff0c4
#fff0c4
rgb(255,240,196)
-
#fff5d8
#fff5d8
rgb(255,245,216)
-
#fffaec
#fffaec
rgb(255,250,236)
Tones of #ffcd3b
A tone is produced by adding gray to any pure hue. In this case, #a5a195 is the less saturated color, while #ffcd3b is the most saturated one.
-
#a5a195
#a5a195
rgb(165,161,149)
-
#aca48e
#aca48e
rgb(172,164,142)
-
#b4a886
#b4a886
rgb(180,168,134)
-
#bbac7f
#bbac7f
rgb(187,172,127)
-
#c3af77
#c3af77
rgb(195,175,119)
-
#cab370
#cab370
rgb(202,179,112)
-
#d2b768
#d2b768
rgb(210,183,104)
-
#d9bb61
#d9bb61
rgb(217,187,97)
-
#e1be59
#e1be59
rgb(225,190,89)
-
#e8c252
#e8c252
rgb(232,194,82)
-
#f0c64a
#f0c64a
rgb(240,198,74)
-
#f7c943
#f7c943
rgb(247,201,67)
-
#ffcd3b
#ffcd3b
rgb(255,205,59)
Color Blindness Simulator
Below, you can see how #ffcd3b 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.