#ccc31f Color Information
In a RGB color space, hex #ccc31f is composed of 80% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.4% magenta, 84.8% yellow and 20% black. It has a hue angle of 56.9 degrees, a saturation of 73.6% and a lightness of 46.1%. #ccc31f color hex could be obtained by blending #ffff3e with #998700. Closest websafe color is: #cccc33.
-
- R 80
- G 76
- B 12
-
- C 0
- M 4
- Y 85
- K 20
● #ccc31f color description : Strong yellow.
#ccc31f Color Conversion
The hexadecimal color #ccc31f has RGB values of R:204, G:195, B:31 and CMYK values of C:0, M:0.04, Y:0.85, K:0.2. Its decimal value is 13419295.
Hex triplet | ccc31f | #ccc31f |
---|---|---|
RGB Decimal | 204, 195, 31 | rgb(204,195,31) |
RGB Percent | 80, 76.5, 12.2 | rgb(80%,76.5%,12.2%) |
CMYK | 0, 4, 85, 20 | |
HSL | 56.9°, 73.6, 46.1 | hsl(56.9,73.6%,46.1%) |
HSV (or HSB) | 56.9°, 84.8, 80 | |
Web Safe | cccc33 | #cccc33 |
CIE-LAB | 77.261, -13.262, 73.757 |
---|---|
XYZ | 44.665, 51.968, 8.974 |
xyY | 0.423, 0.492, 51.968 |
CIE-LCH | 77.261, 74.94, 100.193 |
CIE-LUV | 77.261, 12.127, 81.554 |
Hunter-Lab | 72.089, -15.56, 43.081 |
Binary | 11001100, 11000011, 00011111 |
Color Schemes with #ccc31f
Alternatives to #ccc31f
Below, you can see some colors close to #ccc31f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ccc31f Preview
This text has a font color of #ccc31f.
<span style="color:#ccc31f;">Text here</span>
This paragraph has a background color of #ccc31f.
<p style="background-color:#ccc31f;">Content here</p>
This element has a border color of #ccc31f.
<div style="border:1px solid #ccc31f;">Content here</div>
.text {color:#ccc31f;}
.background {background-color:#ccc31f;}
.border {border:1px solid #ccc31f;}
Shades and Tints of #ccc31f
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)
-
#222005
#222005
rgb(34,32,5)
-
#333108
#333108
rgb(51,49,8)
-
#44410a
#44410a
rgb(68,65,10)
-
#55510d
#55510d
rgb(85,81,13)
-
#66610f
#66610f
rgb(102,97,15)
-
#777212
#777212
rgb(119,114,18)
-
#888215
#888215
rgb(136,130,21)
-
#999217
#999217
rgb(153,146,23)
-
#aaa21a
#aaa21a
rgb(170,162,26)
-
#bbb31c
#bbb31c
rgb(187,179,28)
-
#ccc31f
#ccc31f
rgb(204,195,31)
-
#ddd322
#ddd322
rgb(221,211,34)
-
#e0d732
#e0d732
rgb(224,215,50)
-
#e2da43
#e2da43
rgb(226,218,67)
-
#e5de54
#e5de54
rgb(229,222,84)
-
#e8e165
#e8e165
rgb(232,225,101)
-
#eae476
#eae476
rgb(234,228,118)
-
#ede887
#ede887
rgb(237,232,135)
-
#efeb98
#efeb98
rgb(239,235,152)
-
#f2eeaa
#f2eeaa
rgb(242,238,170)
-
#f5f2bb
#f5f2bb
rgb(245,242,187)
-
#f7f5cc
#f7f5cc
rgb(247,245,204)
-
#faf8dd
#faf8dd
rgb(250,248,221)
-
#fcfcee
#fcfcee
rgb(252,252,238)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #ccc31f
A tone is produced by adding gray to any pure hue. In this case, #7b7a70 is the less saturated color, while #e7db04 is the most saturated one.
-
#7b7a70
#7b7a70
rgb(123,122,112)
-
#848267
#848267
rgb(132,130,103)
-
#8d8a5e
#8d8a5e
rgb(141,138,94)
-
#969255
#969255
rgb(150,146,85)
-
#9f9b4c
#9f9b4c
rgb(159,155,76)
-
#a8a343
#a8a343
rgb(168,163,67)
-
#b1ab3a
#b1ab3a
rgb(177,171,58)
-
#bab331
#bab331
rgb(186,179,49)
-
#c3bb28
#c3bb28
rgb(195,187,40)
-
#ccc31f
#ccc31f
rgb(204,195,31)
-
#d5cb16
#d5cb16
rgb(213,203,22)
-
#ded30d
#ded30d
rgb(222,211,13)
-
#e7db04
#e7db04
rgb(231,219,4)
Color Blindness Simulator
Below, you can see how #ccc31f 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.