#ccb303 Color Information
In a RGB color space, hex #ccb303 is composed of 80% red, 70.2% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.3% magenta, 98.5% yellow and 20% black. It has a hue angle of 52.5 degrees, a saturation of 97.1% and a lightness of 40.6%. #ccb303 color hex could be obtained by blending #ffff06 with #996700. Closest websafe color is: #cccc00.
-
- R 80
- G 70
- B 1
-
- C 0
- M 12
- Y 99
- K 20
● #ccb303 color description : Strong yellow.
#ccb303 Color Conversion
The hexadecimal color #ccb303 has RGB values of R:204, G:179, B:3 and CMYK values of C:0, M:0.12, Y:0.99, K:0.2. Its decimal value is 13415171.
Hex triplet | ccb303 | #ccb303 |
---|---|---|
RGB Decimal | 204, 179, 3 | rgb(204,179,3) |
RGB Percent | 80, 70.2, 1.2 | rgb(80%,70.2%,1.2%) |
CMYK | 0, 12, 99, 20 | |
HSL | 52.5°, 97.1, 40.6 | hsl(52.5,97.1%,40.6%) |
HSV (or HSB) | 52.5°, 98.5, 80 | |
Web Safe | cccc00 | #cccc00 |
CIE-LAB | 72.948, -5.487, 74.688 |
---|---|
XYZ | 41.039, 45.086, 6.627 |
xyY | 0.442, 0.486, 45.086 |
CIE-LCH | 72.948, 74.889, 94.202 |
CIE-LUV | 72.948, 23.55, 77.841 |
Hunter-Lab | 67.146, -8.408, 41.15 |
Binary | 11001100, 10110011, 00000011 |
Color Schemes with #ccb303
Alternatives to #ccb303
Below, you can see some colors close to #ccb303. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccb303 Preview
This text has a font color of #ccb303.
<span style="color:#ccb303;">Text here</span>
This paragraph has a background color of #ccb303.
<p style="background-color:#ccb303;">Content here</p>
This element has a border color of #ccb303.
<div style="border:1px solid #ccb303;">Content here</div>
.text {color:#ccb303;}
.background {background-color:#ccb303;}
.border {border:1px solid #ccb303;}
Shades and Tints of #ccb303
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 #fffef6 is the lightest one.
-
#0b0900
#0b0900
rgb(11,9,0)
-
#1e1a00
#1e1a00
rgb(30,26,0)
-
#312b01
#312b01
rgb(49,43,1)
-
#453c01
#453c01
rgb(69,60,1)
-
#584d01
#584d01
rgb(88,77,1)
-
#6b5e02
#6b5e02
rgb(107,94,2)
-
#7f6f02
#7f6f02
rgb(127,111,2)
-
#928002
#928002
rgb(146,128,2)
-
#a59102
#a59102
rgb(165,145,2)
-
#b9a203
#b9a203
rgb(185,162,3)
-
#ccb303
#ccb303
rgb(204,179,3)
-
#dfc403
#dfc403
rgb(223,196,3)
-
#f3d504
#f3d504
rgb(243,213,4)
-
#fbde0e
#fbde0e
rgb(251,222,14)
-
#fce122
#fce122
rgb(252,225,34)
-
#fce335
#fce335
rgb(252,227,53)
-
#fce648
#fce648
rgb(252,230,72)
-
#fde95c
#fde95c
rgb(253,233,92)
-
#fdeb6f
#fdeb6f
rgb(253,235,111)
-
#fdee82
#fdee82
rgb(253,238,130)
-
#fdf196
#fdf196
rgb(253,241,150)
-
#fef3a9
#fef3a9
rgb(254,243,169)
-
#fef6bc
#fef6bc
rgb(254,246,188)
-
#fef9d0
#fef9d0
rgb(254,249,208)
-
#fffbe3
#fffbe3
rgb(255,251,227)
-
#fffef6
#fffef6
rgb(255,254,246)
Tones of #ccb303
A tone is produced by adding gray to any pure hue. In this case, #6c6b63 is the less saturated color, while #ccb303 is the most saturated one.
-
#6c6b63
#6c6b63
rgb(108,107,99)
-
#74715b
#74715b
rgb(116,113,91)
-
#7c7753
#7c7753
rgb(124,119,83)
-
#847d4b
#847d4b
rgb(132,125,75)
-
#8c8343
#8c8343
rgb(140,131,67)
-
#94893b
#94893b
rgb(148,137,59)
-
#9c8f33
#9c8f33
rgb(156,143,51)
-
#a4952b
#a4952b
rgb(164,149,43)
-
#ac9b23
#ac9b23
rgb(172,155,35)
-
#b4a11b
#b4a11b
rgb(180,161,27)
-
#bca713
#bca713
rgb(188,167,19)
-
#c4ad0b
#c4ad0b
rgb(196,173,11)
-
#ccb303
#ccb303
rgb(204,179,3)
Color Blindness Simulator
Below, you can see how #ccb303 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.