#ffcc03 Color Information
In a RGB color space, hex #ffcc03 is composed of 100% red, 80% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 98.8% yellow and 0% black. It has a hue angle of 47.9 degrees, a saturation of 100% and a lightness of 50.6%. #ffcc03 color hex could be obtained by blending #ffff06 with #ff9900. Closest websafe color is: #ffcc00.
-
- R 100
- G 80
- B 1
-
- C 0
- M 20
- Y 99
- K 0
● #ffcc03 color description : Vivid yellow.
#ffcc03 Color Conversion
The hexadecimal color #ffcc03 has RGB values of R:255, G:204, B:3 and CMYK values of C:0, M:0.2, Y:0.99, K:0. Its decimal value is 16763907.
Hex triplet | ffcc03 | #ffcc03 |
---|---|---|
RGB Decimal | 255, 204, 3 | rgb(255,204,3) |
RGB Percent | 100, 80, 1.2 | rgb(100%,80%,1.2%) |
CMYK | 0, 20, 99, 0 | |
HSL | 47.9°, 100, 50.6 | hsl(47.9,100%,50.6%) |
HSV (or HSB) | 47.9°, 98.8, 100 | |
Web Safe | ffcc00 | #ffcc00 |
CIE-LAB | 84.202, 3.699, 84.947 |
---|---|
XYZ | 62.85, 64.455, 9.217 |
xyY | 0.46, 0.472, 64.455 |
CIE-LCH | 84.202, 85.027, 87.507 |
CIE-LUV | 84.202, 43.709, 87.907 |
Hunter-Lab | 80.284, -0.758, 49.392 |
Binary | 11111111, 11001100, 00000011 |
Color Schemes with #ffcc03
Alternatives to #ffcc03
Below, you can see some colors close to #ffcc03. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc03 Preview
This text has a font color of #ffcc03.
<span style="color:#ffcc03;">Text here</span>
This paragraph has a background color of #ffcc03.
<p style="background-color:#ffcc03;">Content here</p>
This element has a border color of #ffcc03.
<div style="border:1px solid #ffcc03;">Content here</div>
.text {color:#ffcc03;}
.background {background-color:#ffcc03;}
.border {border:1px solid #ffcc03;}
Shades and Tints of #ffcc03
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 #fffcee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#171200
#171200
rgb(23,18,0)
-
#2a2200
#2a2200
rgb(42,34,0)
-
#3e3100
#3e3100
rgb(62,49,0)
-
#514100
#514100
rgb(81,65,0)
-
#655100
#655100
rgb(101,81,0)
-
#796000
#796000
rgb(121,96,0)
-
#8c7000
#8c7000
rgb(140,112,0)
-
#a08000
#a08000
rgb(160,128,0)
-
#b48f00
#b48f00
rgb(180,143,0)
-
#c79f00
#c79f00
rgb(199,159,0)
-
#dbae00
#dbae00
rgb(219,174,0)
-
#eebe00
#eebe00
rgb(238,190,0)
-
#ffcc03
#ffcc03
rgb(255,204,3)
-
#ffd017
#ffd017
rgb(255,208,23)
-
#ffd42a
#ffd42a
rgb(255,212,42)
-
#ffd83e
#ffd83e
rgb(255,216,62)
-
#ffdc51
#ffdc51
rgb(255,220,81)
-
#ffe065
#ffe065
rgb(255,224,101)
-
#ffe479
#ffe479
rgb(255,228,121)
-
#ffe88c
#ffe88c
rgb(255,232,140)
-
#ffeca0
#ffeca0
rgb(255,236,160)
-
#fff0b4
#fff0b4
rgb(255,240,180)
-
#fff4c7
#fff4c7
rgb(255,244,199)
-
#fff8db
#fff8db
rgb(255,248,219)
-
#fffcee
#fffcee
rgb(255,252,238)
Tones of #ffcc03
A tone is produced by adding gray to any pure hue. In this case, #8b8777 is the less saturated color, while #ffcc03 is the most saturated one.
-
#8b8777
#8b8777
rgb(139,135,119)
-
#948d6e
#948d6e
rgb(148,141,110)
-
#9e9264
#9e9264
rgb(158,146,100)
-
#a8985a
#a8985a
rgb(168,152,90)
-
#b19e51
#b19e51
rgb(177,158,81)
-
#bba447
#bba447
rgb(187,164,71)
-
#c5a93d
#c5a93d
rgb(197,169,61)
-
#cfaf33
#cfaf33
rgb(207,175,51)
-
#d8b52a
#d8b52a
rgb(216,181,42)
-
#e2bb20
#e2bb20
rgb(226,187,32)
-
#ecc016
#ecc016
rgb(236,192,22)
-
#f5c60d
#f5c60d
rgb(245,198,13)
-
#ffcc03
#ffcc03
rgb(255,204,3)
Color Blindness Simulator
Below, you can see how #ffcc03 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.