#cccf31 hex color

In a RGB color space, hex #cccf31 is composed of 80% red, 81.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 1.4% cyan, 0% magenta, 76.3% yellow and 18.8% black. It has a hue angle of 61.1 degrees, a saturation of 62.2% and a lightness of 50.2%. #cccf31 color hex could be obtained by blending #ffff62 with #999f00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 81
- B 19
RGB color chart
- C 1
- M 0
- Y 76
- K 19
CMYK color chart

● #cccf31 color description : Strong yellow.

The hexadecimal color #cccf31 has RGB values of R:204, G:207, B:49 and CMYK values of C:0.01, M:0, Y:0.76, K:0.19. Its decimal value is 13422385.

Hex triplet	cccf31	`#cccf31`
RGB Decimal	204, 207, 49	`rgb(204,207,49)`
RGB Percent	80, 81.2, 19.2	`rgb(80%,81.2%,19.2%)`
CMYK	1, 0, 76, 19
HSL	61.1°, 62.2, 50.2	`hsl(61.1,62.2%,50.2%)`
HSV (or HSB)	61.1°, 76.3, 81.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.564, -18.69, 71.886
XYZ	47.769, 57.685, 11.524
xyY	0.408, 0.493, 57.685
CIE-LCH	80.564, 74.275, 104.574
CIE-LUV	80.564, 3.978, 83.293
Hunter-Lab	75.951, -20.647, 44.17
Binary	11001100, 11001111, 00110001

#cccf31
```
#cccf31 rgb(204,207,49)
```
#3431cf
```
#3431cf rgb(52,49,207)
```

Complementary Color

#cf8331
```
#cf8331 rgb(207,131,49)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#7dcf31
```
#7dcf31 rgb(125,207,49)
```

Analogous Color

#8331cf
```
#8331cf rgb(131,49,207)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#317dcf
```
#317dcf rgb(49,125,207)
```

Split Complementary Color

#cf31cc
```
#cf31cc rgb(207,49,204)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#31cccf
```
#31cccf rgb(49,204,207)
```

Triadic Color

#cf3431
```
#cf3431 rgb(207,52,49)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#31cccf
```
#31cccf rgb(49,204,207)
```
#3431cf
```
#3431cf rgb(52,49,207)
```

Tetradic Color

#8f9222
```
#8f9222 rgb(143,146,34)
```
#a4a627
```
#a4a627 rgb(164,166,39)
```
#b8bb2c
```
#b8bb2c rgb(184,187,44)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#d1d446
```
#d1d446 rgb(209,212,70)
```
#d6d95a
```
#d6d95a rgb(214,217,90)
```
#dbdd6f
```
#dbdd6f rgb(219,221,111)
```

Monochromatic Color

Below, you can see some colors close to #cccf31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#cfab31
```
#cfab31 rgb(207,171,49)
```
#cfb831
```
#cfb831 rgb(207,184,49)
```
#cfc531
```
#cfc531 rgb(207,197,49)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#bfcf31
```
#bfcf31 rgb(191,207,49)
```
#b2cf31
```
#b2cf31 rgb(178,207,49)
```
#a5cf31
```
#a5cf31 rgb(165,207,49)
```

Similar Colors

Text with hexadecimal color #cccf31

This text has a font color of #cccf31.

<span style="color:#cccf31;">Text here</span>

#cccf31 background color

This paragraph has a background color of #cccf31.

<p style="background-color:#cccf31;">Content here</p>

#cccf31 border color

This element has a border color of #cccf31.

<div style="border:1px solid #cccf31;">Content here</div>

CSS codes

.text {color:#cccf31;}

.background {background-color:#cccf31;}

.border {border:1px solid #cccf31;}

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, #010100 is the darkest color, while #fbfbf0 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#101104
```
#101104 rgb(16,17,4)
```
#202108
```
#202108 rgb(32,33,8)
```
#30310b
```
#30310b rgb(48,49,11)
```
#40400f
```
#40400f rgb(64,64,15)
```
#4f5013
```
#4f5013 rgb(79,80,19)
```
#5f6016
```
#5f6016 rgb(95,96,22)
```
#6f701a
```
#6f701a rgb(111,112,26)
```
#7e801e
```
#7e801e rgb(126,128,30)
```
#8e9022
```
#8e9022 rgb(142,144,34)
```
#9ea025
```
#9ea025 rgb(158,160,37)
```
#adb029
```
#adb029 rgb(173,176,41)
```
#bdc02d
```
#bdc02d rgb(189,192,45)
```

Shade Color Variation

#cccf31
```
#cccf31 rgb(204,207,49)
```
#d0d341
```
#d0d341 rgb(208,211,65)
```
#d4d651
```
#d4d651 rgb(212,214,81)
```
#d8da61
```
#d8da61 rgb(216,218,97)
```
#dcde71
```
#dcde71 rgb(220,222,113)
```
#e0e281
```
#e0e281 rgb(224,226,129)
```
#e4e590
```
#e4e590 rgb(228,229,144)
```
#e8e9a0
```
#e8e9a0 rgb(232,233,160)
```
#ecedb0
```
#ecedb0 rgb(236,237,176)
```
#eff0c0
```
#eff0c0 rgb(239,240,192)
```
#f3f4d0
```
#f3f4d0 rgb(243,244,208)
```
#f7f8e0
```
#f7f8e0 rgb(247,248,224)
```
#fbfbf0
```
#fbfbf0 rgb(251,251,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81817f is the less saturated color, while #f2f60a is the most saturated one.

#81817f
```
#81817f rgb(129,129,127)
```
#8a8b75
```
#8a8b75 rgb(138,139,117)
```
#94946c
```
#94946c rgb(148,148,108)
```
#9d9e62
```
#9d9e62 rgb(157,158,98)
```
#a6a858
```
#a6a858 rgb(166,168,88)
```
#b0b24e
```
#b0b24e rgb(176,178,78)
```
#b9bb45
```
#b9bb45 rgb(185,187,69)
```
#c3c53b
```
#c3c53b rgb(195,197,59)
```
#cccf31
```
#cccf31 rgb(204,207,49)
```
#d5d927
```
#d5d927 rgb(213,217,39)
```
#dfe31d
```
#dfe31d rgb(223,227,29)
```
#e8ec14
```
#e8ec14 rgb(232,236,20)
```
#f2f60a
```
#f2f60a rgb(242,246,10)
```

Tone Color Variation

Below, you can see how #cccf31 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.

Monochromacy

#bcbcbc Achromatopsia 0.005% of the population
#bfc0a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cb3a Protanopia 1% of men
#fbc144 Deuteranopia 1% of men
#dcc4d1 Tritanopia 0.001% of the population

Trichromacy

#dacc36 Protanomaly 1% of men, 0.01% of women
#eac63d Deuteranomaly 6% of men, 0.4% of women
#d6c897 Tritanomaly 0.01% of the population

#cccf31 hex color

#cccf31 Color Information

#cccf31 Color Conversion

Color Schemes with #cccf31

Alternatives to #cccf31

#cccf31 Preview

Shades and Tints of #cccf31

Tones of #cccf31

Color Blindness Simulator