#cec31f hex color

In a RGB color space, hex #cec31f is composed of 80.8% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.3% magenta, 85% yellow and 19.2% black. It has a hue angle of 56.2 degrees, a saturation of 73.8% and a lightness of 46.5%. #cec31f color hex could be obtained by blending #ffff3e with #9d8700. Closest websafe color is: #cccc33.

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

● #cec31f color description : Strong yellow.

The hexadecimal color #cec31f has RGB values of R:206, G:195, B:31 and CMYK values of C:0, M:0.05, Y:0.85, K:0.19. Its decimal value is 13550367.

Hex triplet	cec31f	`#cec31f`
RGB Decimal	206, 195, 31	`rgb(206,195,31)`
RGB Percent	80.8, 76.5, 12.2	`rgb(80.8%,76.5%,12.2%)`
CMYK	0, 5, 85, 19
HSL	56.2°, 73.8, 46.5	`hsl(56.2,73.8%,46.5%)`
HSV (or HSB)	56.2°, 85, 80.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.431, -12.4, 73.967
XYZ	45.216, 52.252, 9
xyY	0.425, 0.491, 52.252
CIE-LCH	77.431, 74.999, 99.517
CIE-LUV	77.431, 13.541, 81.58
Hunter-Lab	72.286, -14.844, 43.218
Binary	11001110, 11000011, 00011111

#cec31f
```
#cec31f rgb(206,195,31)
```
#1f2ace
```
#1f2ace rgb(31,42,206)
```

Complementary Color

#ce6c1f
```
#ce6c1f rgb(206,108,31)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#82ce1f
```
#82ce1f rgb(130,206,31)
```

Analogous Color

#6c1fce
```
#6c1fce rgb(108,31,206)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#1f82ce
```
#1f82ce rgb(31,130,206)
```

Split Complementary Color

#c31fce
```
#c31fce rgb(195,31,206)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#1fcec3
```
#1fcec3 rgb(31,206,195)
```

Triadic Color

#ce1f2a
```
#ce1f2a rgb(206,31,42)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#1fcec3
```
#1fcec3 rgb(31,206,195)
```
#1f2ace
```
#1f2ace rgb(31,42,206)
```

Tetradic Color

#8c8415
```
#8c8415 rgb(140,132,21)
```
#a29918
```
#a29918 rgb(162,153,24)
```
#b8ae1c
```
#b8ae1c rgb(184,174,28)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#dfd328
```
#dfd328 rgb(223,211,40)
```
#e2d83e
```
#e2d83e rgb(226,216,62)
```
#e5dc54
```
#e5dc54 rgb(229,220,84)
```

Monochromatic Color

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

#ce971f
```
#ce971f rgb(206,151,31)
```
#cea61f
```
#cea61f rgb(206,166,31)
```
#ceb41f
```
#ceb41f rgb(206,180,31)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#cace1f
```
#cace1f rgb(202,206,31)
```
#bcce1f
```
#bcce1f rgb(188,206,31)
```
#adce1f
```
#adce1f rgb(173,206,31)
```

Similar Colors

Text with hexadecimal color #cec31f

This text has a font color of #cec31f.

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

#cec31f background color

This paragraph has a background color of #cec31f.

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

#cec31f border color

This element has a border color of #cec31f.

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

CSS codes

.text {color:#cec31f;}

.background {background-color:#cec31f;}

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

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 #fdfcef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#242205
```
#242205 rgb(36,34,5)
```
#353208
```
#353208 rgb(53,50,8)
```
#46420a
```
#46420a rgb(70,66,10)
```
#57520d
```
#57520d rgb(87,82,13)
```
#686210
```
#686210 rgb(104,98,16)
```
#797212
```
#797212 rgb(121,114,18)
```
#8a8215
```
#8a8215 rgb(138,130,21)
```
#9b9317
```
#9b9317 rgb(155,147,23)
```
#aca31a
```
#aca31a rgb(172,163,26)
```
#bdb31c
```
#bdb31c rgb(189,179,28)
```
#cec31f
```
#cec31f rgb(206,195,31)
```

Shade Color Variation

#ded223
```
#ded223 rgb(222,210,35)
```
#e0d634
```
#e0d634 rgb(224,214,52)
```
#e3d945
```
#e3d945 rgb(227,217,69)
```
#e6dd56
```
#e6dd56 rgb(230,221,86)
```
#e8e067
```
#e8e067 rgb(232,224,103)
```
#ebe378
```
#ebe378 rgb(235,227,120)
```
#ede789
```
#ede789 rgb(237,231,137)
```
#f0ea9a
```
#f0ea9a rgb(240,234,154)
```
#f2eeab
```
#f2eeab rgb(242,238,171)
```
#f5f1bc
```
#f5f1bc rgb(245,241,188)
```
#f8f5cd
```
#f8f5cd rgb(248,245,205)
```
#faf8de
```
#faf8de rgb(250,248,222)
```
#fdfcef
```
#fdfcef rgb(253,252,239)
```

Tint Color Variation

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

#7c7b71
```
#7c7b71 rgb(124,123,113)
```
#858368
```
#858368 rgb(133,131,104)
```
#8e8b5f
```
#8e8b5f rgb(142,139,95)
```
#979356
```
#979356 rgb(151,147,86)
```
#a09b4d
```
#a09b4d rgb(160,155,77)
```
#aaa343
```
#aaa343 rgb(170,163,67)
```
#b3ab3a
```
#b3ab3a rgb(179,171,58)
```
#bcb331
```
#bcb331 rgb(188,179,49)
```
#c5bb28
```
#c5bb28 rgb(197,187,40)
```
#cec31f
```
#cec31f rgb(206,195,31)
```
#d7cb16
```
#d7cb16 rgb(215,203,22)
```
#e0d30d
```
#e0d30d rgb(224,211,13)
```
#e9db04
```
#e9db04 rgb(233,219,4)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b9b796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c229 Protanopia 1% of men
#f2b933 Deuteranopia 1% of men
#ddb9c6 Tritanopia 0.001% of the population

Trichromacy

#d5c225 Protanomaly 1% of men, 0.01% of women
#e5bc2c Deuteranomaly 6% of men, 0.4% of women
#d7bc89 Tritanomaly 0.01% of the population

#cec31f hex color

#cec31f Color Information

#cec31f Color Conversion

Color Schemes with #cec31f

Alternatives to #cec31f

#cec31f Preview

Shades and Tints of #cec31f

Tones of #cec31f

Color Blindness Simulator