#ccb222 Color Information
In a RGB color space, hex #ccb222 is composed of 80% red, 69.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 83.3% yellow and 20% black. It has a hue angle of 50.8 degrees, a saturation of 71.4% and a lightness of 46.7%. #ccb222 color hex could be obtained by blending #ffff44 with #996500. Closest websafe color is: #cc9933.
-
- R 80
- G 70
- B 13
-
- C 0
- M 13
- Y 83
- K 20
● #ccb222 color description : Strong yellow.
#ccb222 Color Conversion
The hexadecimal color #ccb222 has RGB values of R:204, G:178, B:34 and CMYK values of C:0, M:0.13, Y:0.83, K:0.2. Its decimal value is 13414946.
Hex triplet | ccb222 | #ccb222 |
---|---|---|
RGB Decimal | 204, 178, 34 | rgb(204,178,34) |
RGB Percent | 80, 69.8, 13.3 | rgb(80%,69.8%,13.3%) |
CMYK | 0, 13, 83, 20 | |
HSL | 50.8°, 71.4, 46.7 | hsl(50.8,71.4%,46.7%) |
HSV (or HSB) | 50.8°, 83.3, 80 | |
Web Safe | cc9933 | #cc9933 |
CIE-LAB | 72.757, -4.439, 69.282 |
---|---|
XYZ | 41.111, 44.795, 7.994 |
xyY | 0.438, 0.477, 44.795 |
CIE-LCH | 72.757, 69.424, 93.666 |
CIE-LUV | 72.757, 23.913, 74.41 |
Hunter-Lab | 66.929, -7.482, 39.769 |
Binary | 11001100, 10110010, 00100010 |
Color Schemes with #ccb222
Alternatives to #ccb222
Below, you can see some colors close to #ccb222. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb222 Preview
This text has a font color of #ccb222.
<span style="color:#ccb222;">Text here</span>
This paragraph has a background color of #ccb222.
<p style="background-color:#ccb222;">Content here</p>
This element has a border color of #ccb222.
<div style="border:1px solid #ccb222;">Content here</div>
.text {color:#ccb222;}
.background {background-color:#ccb222;}
.border {border:1px solid #ccb222;}
Shades and Tints of #ccb222
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, #020200 is the darkest color, while #fdfbf0 is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#131103
#131103
rgb(19,17,3)
-
#241f06
#241f06
rgb(36,31,6)
-
#352e09
#352e09
rgb(53,46,9)
-
#453d0c
#453d0c
rgb(69,61,12)
-
#564b0e
#564b0e
rgb(86,75,14)
-
#675a11
#675a11
rgb(103,90,17)
-
#786914
#786914
rgb(120,105,20)
-
#897717
#897717
rgb(137,119,23)
-
#9a861a
#9a861a
rgb(154,134,26)
-
#aa951c
#aa951c
rgb(170,149,28)
-
#bba31f
#bba31f
rgb(187,163,31)
-
#ccb222
#ccb222
rgb(204,178,34)
-
#dbbf27
#dbbf27
rgb(219,191,39)
-
#dec437
#dec437
rgb(222,196,55)
-
#e1c948
#e1c948
rgb(225,201,72)
-
#e3ce59
#e3ce59
rgb(227,206,89)
-
#e6d36a
#e6d36a
rgb(230,211,106)
-
#e9d87b
#e9d87b
rgb(233,216,123)
-
#ecdd8c
#ecdd8c
rgb(236,221,140)
-
#efe29c
#efe29c
rgb(239,226,156)
-
#f1e7ad
#f1e7ad
rgb(241,231,173)
-
#f4ecbe
#f4ecbe
rgb(244,236,190)
-
#f7f1cf
#f7f1cf
rgb(247,241,207)
-
#faf6e0
#faf6e0
rgb(250,246,224)
-
#fdfbf0
#fdfbf0
rgb(253,251,240)
Tones of #ccb222
A tone is produced by adding gray to any pure hue. In this case, #7a7974 is the less saturated color, while #e7c507 is the most saturated one.
-
#7a7974
#7a7974
rgb(122,121,116)
-
#837f6b
#837f6b
rgb(131,127,107)
-
#8c8662
#8c8662
rgb(140,134,98)
-
#958c59
#958c59
rgb(149,140,89)
-
#9e9250
#9e9250
rgb(158,146,80)
-
#a79947
#a79947
rgb(167,153,71)
-
#b19f3d
#b19f3d
rgb(177,159,61)
-
#baa534
#baa534
rgb(186,165,52)
-
#c3ac2b
#c3ac2b
rgb(195,172,43)
-
#ccb222
#ccb222
rgb(204,178,34)
-
#d5b819
#d5b819
rgb(213,184,25)
-
#debf10
#debf10
rgb(222,191,16)
-
#e7c507
#e7c507
rgb(231,197,7)
Color Blindness Simulator
Below, you can see how #ccb222 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.