#ffcc0b Color Information
In a RGB color space, hex #ffcc0b is composed of 100% red, 80% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 95.7% yellow and 0% black. It has a hue angle of 47.5 degrees, a saturation of 100% and a lightness of 52.2%. #ffcc0b color hex could be obtained by blending #ffff16 with #ff9900. Closest websafe color is: #ffcc00.
-
- R 100
- G 80
- B 4
-
- C 0
- M 20
- Y 96
- K 0
● #ffcc0b color description : Vivid yellow.
#ffcc0b Color Conversion
The hexadecimal color #ffcc0b has RGB values of R:255, G:204, B:11 and CMYK values of C:0, M:0.2, Y:0.96, K:0. Its decimal value is 16763915.
Hex triplet | ffcc0b | #ffcc0b |
---|---|---|
RGB Decimal | 255, 204, 11 | rgb(255,204,11) |
RGB Percent | 100, 80, 4.3 | rgb(100%,80%,4.3%) |
CMYK | 0, 20, 96, 0 | |
HSL | 47.5°, 100, 52.2 | hsl(47.5,100%,52.2%) |
HSV (or HSB) | 47.5°, 95.7, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 84.211, 3.761, 84.233 |
---|---|
XYZ | 62.894, 64.473, 9.449 |
xyY | 0.46, 0.471, 64.473 |
CIE-LCH | 84.211, 84.317, 87.443 |
CIE-LUV | 84.211, 43.649, 87.511 |
Hunter-Lab | 80.295, -0.699, 49.23 |
Binary | 11111111, 11001100, 00001011 |
Color Schemes with #ffcc0b
Alternatives to #ffcc0b
Below, you can see some colors close to #ffcc0b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc0b Preview
This text has a font color of #ffcc0b.
<span style="color:#ffcc0b;">Text here</span>
This paragraph has a background color of #ffcc0b.
<p style="background-color:#ffcc0b;">Content here</p>
This element has a border color of #ffcc0b.
<div style="border:1px solid #ffcc0b;">Content here</div>
.text {color:#ffcc0b;}
.background {background-color:#ffcc0b;}
.border {border:1px solid #ffcc0b;}
Shades and Tints of #ffcc0b
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, #0b0900 is the darkest color, while #fffdf6 is the lightest one.
-
#0b0900
#0b0900
rgb(11,9,0)
-
#1f1800
#1f1800
rgb(31,24,0)
-
#322800
#322800
rgb(50,40,0)
-
#463700
#463700
rgb(70,55,0)
-
#594700
#594700
rgb(89,71,0)
-
#6d5600
#6d5600
rgb(109,86,0)
-
#816600
#816600
rgb(129,102,0)
-
#947500
#947500
rgb(148,117,0)
-
#a88500
#a88500
rgb(168,133,0)
-
#bc9400
#bc9400
rgb(188,148,0)
-
#cfa400
#cfa400
rgb(207,164,0)
-
#e3b300
#e3b300
rgb(227,179,0)
-
#f6c300
#f6c300
rgb(246,195,0)
-
#ffcc0b
#ffcc0b
rgb(255,204,11)
-
#ffd01f
#ffd01f
rgb(255,208,31)
-
#ffd432
#ffd432
rgb(255,212,50)
-
#ffd846
#ffd846
rgb(255,216,70)
-
#ffdc59
#ffdc59
rgb(255,220,89)
-
#ffe06d
#ffe06d
rgb(255,224,109)
-
#ffe581
#ffe581
rgb(255,229,129)
-
#ffe994
#ffe994
rgb(255,233,148)
-
#ffeda8
#ffeda8
rgb(255,237,168)
-
#fff1bc
#fff1bc
rgb(255,241,188)
-
#fff5cf
#fff5cf
rgb(255,245,207)
-
#fff9e3
#fff9e3
rgb(255,249,227)
-
#fffdf6
#fffdf6
rgb(255,253,246)
Tones of #ffcc0b
A tone is produced by adding gray to any pure hue. In this case, #8e8a7c is the less saturated color, while #ffcc0b is the most saturated one.
-
#8e8a7c
#8e8a7c
rgb(142,138,124)
-
#989072
#989072
rgb(152,144,114)
-
#a19569
#a19569
rgb(161,149,105)
-
#ab9b5f
#ab9b5f
rgb(171,155,95)
-
#b4a056
#b4a056
rgb(180,160,86)
-
#bda64d
#bda64d
rgb(189,166,77)
-
#c7ab43
#c7ab43
rgb(199,171,67)
-
#d0b13a
#d0b13a
rgb(208,177,58)
-
#d9b631
#d9b631
rgb(217,182,49)
-
#e3bc27
#e3bc27
rgb(227,188,39)
-
#ecc11e
#ecc11e
rgb(236,193,30)
-
#f6c714
#f6c714
rgb(246,199,20)
-
#ffcc0b
#ffcc0b
rgb(255,204,11)
Color Blindness Simulator
Below, you can see how #ffcc0b 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.