#ccc61f Color Information
In a RGB color space, hex #ccc61f is composed of 80% red, 77.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.9% magenta, 84.8% yellow and 20% black. It has a hue angle of 57.9 degrees, a saturation of 73.6% and a lightness of 46.1%. #ccc61f color hex could be obtained by blending #ffff3e with #998d00. Closest websafe color is: #cccc33.
-
- R 80
- G 78
- B 12
-
- C 0
- M 3
- Y 85
- K 20
● #ccc61f color description : Strong yellow.
#ccc61f Color Conversion
The hexadecimal color #ccc61f has RGB values of R:204, G:198, B:31 and CMYK values of C:0, M:0.03, Y:0.85, K:0.2. Its decimal value is 13420063.
Hex triplet | ccc61f | #ccc61f |
---|---|---|
RGB Decimal | 204, 198, 31 | rgb(204,198,31) |
RGB Percent | 80, 77.6, 12.2 | rgb(80%,77.6%,12.2%) |
CMYK | 0, 3, 85, 20 | |
HSL | 57.9°, 73.6, 46.1 | hsl(57.9,73.6%,46.1%) |
HSV (or HSB) | 57.9°, 84.8, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 78.067, -14.773, 74.42 |
---|---|
XYZ | 45.343, 53.325, 9.201 |
xyY | 0.42, 0.494, 53.325 |
CIE-LCH | 78.067, 75.872, 101.228 |
CIE-LUV | 78.067, 10.109, 82.732 |
Hunter-Lab | 73.024, -16.955, 43.647 |
Binary | 11001100, 11000110, 00011111 |
Color Schemes with #ccc61f
Alternatives to #ccc61f
Below, you can see some colors close to #ccc61f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc61f Preview
This text has a font color of #ccc61f.
<span style="color:#ccc61f;">Text here</span>
This paragraph has a background color of #ccc61f.
<p style="background-color:#ccc61f;">Content here</p>
This element has a border color of #ccc61f.
<div style="border:1px solid #ccc61f;">Content here</div>
.text {color:#ccc61f;}
.background {background-color:#ccc61f;}
.border {border:1px solid #ccc61f;}
Shades and Tints of #ccc61f
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, #111003 is the darkest color, while #ffffff is the lightest one.
-
#111003
#111003
rgb(17,16,3)
-
#222105
#222105
rgb(34,33,5)
-
#333108
#333108
rgb(51,49,8)
-
#44420a
#44420a
rgb(68,66,10)
-
#55520d
#55520d
rgb(85,82,13)
-
#66630f
#66630f
rgb(102,99,15)
-
#777312
#777312
rgb(119,115,18)
-
#888415
#888415
rgb(136,132,21)
-
#999417
#999417
rgb(153,148,23)
-
#aaa51a
#aaa51a
rgb(170,165,26)
-
#bbb51c
#bbb51c
rgb(187,181,28)
-
#ccc61f
#ccc61f
rgb(204,198,31)
-
#ddd722
#ddd722
rgb(221,215,34)
-
#e0da32
#e0da32
rgb(224,218,50)
-
#e2dd43
#e2dd43
rgb(226,221,67)
-
#e5e054
#e5e054
rgb(229,224,84)
-
#e8e365
#e8e365
rgb(232,227,101)
-
#eae676
#eae676
rgb(234,230,118)
-
#ede987
#ede987
rgb(237,233,135)
-
#efec98
#efec98
rgb(239,236,152)
-
#f2efaa
#f2efaa
rgb(242,239,170)
-
#f5f3bb
#f5f3bb
rgb(245,243,187)
-
#f7f6cc
#f7f6cc
rgb(247,246,204)
-
#faf9dd
#faf9dd
rgb(250,249,221)
-
#fcfcee
#fcfcee
rgb(252,252,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccc61f
A tone is produced by adding gray to any pure hue. In this case, #7b7a70 is the less saturated color, while #e7df04 is the most saturated one.
-
#7b7a70
#7b7a70
rgb(123,122,112)
-
#848367
#848367
rgb(132,131,103)
-
#8d8b5e
#8d8b5e
rgb(141,139,94)
-
#969455
#969455
rgb(150,148,85)
-
#9f9c4c
#9f9c4c
rgb(159,156,76)
-
#a8a443
#a8a443
rgb(168,164,67)
-
#b1ad3a
#b1ad3a
rgb(177,173,58)
-
#bab531
#bab531
rgb(186,181,49)
-
#c3be28
#c3be28
rgb(195,190,40)
-
#ccc61f
#ccc61f
rgb(204,198,31)
-
#d5ce16
#d5ce16
rgb(213,206,22)
-
#ded70d
#ded70d
rgb(222,215,13)
-
#e7df04
#e7df04
rgb(231,223,4)
Color Blindness Simulator
Below, you can see how #ccc61f 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.