#ccb333 Color Information
In a RGB color space, hex #ccb333 is composed of 80% red, 70.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 75% yellow and 20% black. It has a hue angle of 50.2 degrees, a saturation of 60% and a lightness of 50%. #ccb333 color hex could be obtained by blending #ffff66 with #996700. Closest websafe color is: #cccc33.
-
- R 80
- G 70
- B 20
-
- C 0
- M 12
- Y 75
- K 20
● #ccb333 color description : Strong yellow.
#ccb333 Color Conversion
The hexadecimal color #ccb333 has RGB values of R:204, G:179, B:51 and CMYK values of C:0, M:0.12, Y:0.75, K:0.2. Its decimal value is 13415219.
Hex triplet | ccb333 | #ccb333 |
---|---|---|
RGB Decimal | 204, 179, 51 | rgb(204,179,51) |
RGB Percent | 80, 70.2, 20 | rgb(80%,70.2%,20%) |
CMYK | 0, 12, 75, 20 | |
HSL | 50.2°, 60, 50 | hsl(50.2,60%,50%) |
HSV (or HSB) | 50.2°, 75, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 73.101, -4.37, 64.339 |
---|---|
XYZ | 41.62, 45.318, 9.687 |
xyY | 0.431, 0.469, 45.318 |
CIE-LCH | 73.101, 64.487, 93.885 |
CIE-LUV | 73.101, 22.807, 71.419 |
Hunter-Lab | 67.319, -7.45, 38.592 |
Binary | 11001100, 10110011, 00110011 |
Color Schemes with #ccb333
Alternatives to #ccb333
Below, you can see some colors close to #ccb333. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb333 Preview
This text has a font color of #ccb333.
<span style="color:#ccb333;">Text here</span>
This paragraph has a background color of #ccb333.
<p style="background-color:#ccb333;">Content here</p>
This element has a border color of #ccb333.
<div style="border:1px solid #ccb333;">Content here</div>
.text {color:#ccb333;}
.background {background-color:#ccb333;}
.border {border:1px solid #ccb333;}
Shades and Tints of #ccb333
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, #100e04 is the darkest color, while #ffffff is the lightest one.
-
#100e04
#100e04
rgb(16,14,4)
-
#1f1c08
#1f1c08
rgb(31,28,8)
-
#2f290c
#2f290c
rgb(47,41,12)
-
#3f3710
#3f3710
rgb(63,55,16)
-
#4e4514
#4e4514
rgb(78,69,20)
-
#5e5318
#5e5318
rgb(94,83,24)
-
#6e601b
#6e601b
rgb(110,96,27)
-
#7e6e1f
#7e6e1f
rgb(126,110,31)
-
#8d7c23
#8d7c23
rgb(141,124,35)
-
#9d8a27
#9d8a27
rgb(157,138,39)
-
#ad972b
#ad972b
rgb(173,151,43)
-
#bca52f
#bca52f
rgb(188,165,47)
-
#ccb333
#ccb333
rgb(204,179,51)
-
#d0b943
#d0b943
rgb(208,185,67)
-
#d4bf52
#d4bf52
rgb(212,191,82)
-
#d8c562
#d8c562
rgb(216,197,98)
-
#dcca72
#dcca72
rgb(220,202,114)
-
#e0d081
#e0d081
rgb(224,208,129)
-
#e4d691
#e4d691
rgb(228,214,145)
-
#e7dca1
#e7dca1
rgb(231,220,161)
-
#ebe2b1
#ebe2b1
rgb(235,226,177)
-
#efe8c0
#efe8c0
rgb(239,232,192)
-
#f3edd0
#f3edd0
rgb(243,237,208)
-
#f7f3e0
#f7f3e0
rgb(247,243,224)
-
#fbf9ef
#fbf9ef
rgb(251,249,239)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccb333
A tone is produced by adding gray to any pure hue. In this case, #878578 is the less saturated color, while #fdd402 is the most saturated one.
-
#878578
#878578
rgb(135,133,120)
-
#918b6e
#918b6e
rgb(145,139,110)
-
#9b9264
#9b9264
rgb(155,146,100)
-
#a5995a
#a5995a
rgb(165,153,90)
-
#af9f50
#af9f50
rgb(175,159,80)
-
#b8a647
#b8a647
rgb(184,166,71)
-
#c2ac3d
#c2ac3d
rgb(194,172,61)
-
#ccb333
#ccb333
rgb(204,179,51)
-
#d6ba29
#d6ba29
rgb(214,186,41)
-
#e0c01f
#e0c01f
rgb(224,192,31)
-
#e9c716
#e9c716
rgb(233,199,22)
-
#f3cd0c
#f3cd0c
rgb(243,205,12)
-
#fdd402
#fdd402
rgb(253,212,2)
Color Blindness Simulator
Below, you can see how #ccb333 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.