#ffcc2a Color Information
In a RGB color space, hex #ffcc2a is composed of 100% red, 80% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 83.5% yellow and 0% black. It has a hue angle of 45.6 degrees, a saturation of 100% and a lightness of 58.2%. #ffcc2a color hex could be obtained by blending #ffff54 with #ff9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 16
-
- C 0
- M 20
- Y 84
- K 0
● #ffcc2a color description : Vivid yellow.
#ffcc2a Color Conversion
The hexadecimal color #ffcc2a has RGB values of R:255, G:204, B:42 and CMYK values of C:0, M:0.2, Y:0.84, K:0. Its decimal value is 16763946.
Hex triplet | ffcc2a | #ffcc2a |
---|---|---|
RGB Decimal | 255, 204, 42 | rgb(255,204,42) |
RGB Percent | 100, 80, 16.5 | rgb(100%,80%,16.5%) |
CMYK | 0, 20, 84, 0 | |
HSL | 45.6°, 100, 58.2 | hsl(45.6,100%,58.2%) |
HSV (or HSB) | 45.6°, 83.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.285, 4.266, 78.833 |
---|---|
XYZ | 63.252, 64.616, 11.331 |
xyY | 0.454, 0.464, 64.616 |
CIE-LCH | 84.285, 78.948, 86.902 |
CIE-LUV | 84.285, 43.166, 84.319 |
Hunter-Lab | 80.384, -0.216, 47.911 |
Binary | 11111111, 11001100, 00101010 |
Color Schemes with #ffcc2a
Alternatives to #ffcc2a
Below, you can see some colors close to #ffcc2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffcc2a Preview
This text has a font color of #ffcc2a.
<span style="color:#ffcc2a;">Text here</span>
This paragraph has a background color of #ffcc2a.
<p style="background-color:#ffcc2a;">Content here</p>
This element has a border color of #ffcc2a.
<div style="border:1px solid #ffcc2a;">Content here</div>
.text {color:#ffcc2a;}
.background {background-color:#ffcc2a;}
.border {border:1px solid #ffcc2a;}
Shades and Tints of #ffcc2a
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 #fffbee is the lightest one.
-
#030200
#030200
rgb(3,2,0)
-
#161100
#161100
rgb(22,17,0)
-
#2a2000
#2a2000
rgb(42,32,0)
-
#3e2f00
#3e2f00
rgb(62,47,0)
-
#513e00
#513e00
rgb(81,62,0)
-
#654d00
#654d00
rgb(101,77,0)
-
#785c00
#785c00
rgb(120,92,0)
-
#8c6b00
#8c6b00
rgb(140,107,0)
-
#a07900
#a07900
rgb(160,121,0)
-
#b38800
#b38800
rgb(179,136,0)
-
#c79700
#c79700
rgb(199,151,0)
-
#dba600
#dba600
rgb(219,166,0)
-
#eeb500
#eeb500
rgb(238,181,0)
-
#ffc303
#ffc303
rgb(255,195,3)
-
#ffc716
#ffc716
rgb(255,199,22)
-
#ffcc2a
#ffcc2a
rgb(255,204,42)
-
#ffd13e
#ffd13e
rgb(255,209,62)
-
#ffd551
#ffd551
rgb(255,213,81)
-
#ffda65
#ffda65
rgb(255,218,101)
-
#ffdf78
#ffdf78
rgb(255,223,120)
-
#ffe38c
#ffe38c
rgb(255,227,140)
-
#ffe8a0
#ffe8a0
rgb(255,232,160)
-
#ffedb3
#ffedb3
rgb(255,237,179)
-
#fff2c7
#fff2c7
rgb(255,242,199)
-
#fff6db
#fff6db
rgb(255,246,219)
-
#fffbee
#fffbee
rgb(255,251,238)
Tones of #ffcc2a
A tone is produced by adding gray to any pure hue. In this case, #9d998c is the less saturated color, while #ffcc2a is the most saturated one.
-
#9d998c
#9d998c
rgb(157,153,140)
-
#a59d84
#a59d84
rgb(165,157,132)
-
#ada17c
#ada17c
rgb(173,161,124)
-
#b5a674
#b5a674
rgb(181,166,116)
-
#bdaa6c
#bdaa6c
rgb(189,170,108)
-
#c6ae63
#c6ae63
rgb(198,174,99)
-
#ceb25b
#ceb25b
rgb(206,178,91)
-
#d6b753
#d6b753
rgb(214,183,83)
-
#debb4b
#debb4b
rgb(222,187,75)
-
#e6bf43
#e6bf43
rgb(230,191,67)
-
#efc33a
#efc33a
rgb(239,195,58)
-
#f7c832
#f7c832
rgb(247,200,50)
-
#ffcc2a
#ffcc2a
rgb(255,204,42)
Color Blindness Simulator
Below, you can see how #ffcc2a 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.