colorhexa.com

#cecf31 hex color

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

- R 81
- G 81
- B 19
RGB color chart
- C 0
- M 0
- Y 76
- K 19
CMYK color chart

● #cecf31 color description : Strong yellow.

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

Hex triplet	cecf31	`#cecf31`
RGB Decimal	206, 207, 49	`rgb(206,207,49)`
RGB Percent	80.8, 81.2, 19.2	`rgb(80.8%,81.2%,19.2%)`
CMYK	0, 0, 76, 19
HSL	60.4°, 62.2, 50.2	`hsl(60.4,62.2%,50.2%)`
HSV (or HSB)	60.4°, 76.3, 81.2
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.722, -17.848, 72.088
XYZ	48.321, 57.97, 11.55
xyY	0.41, 0.492, 57.97
CIE-LCH	80.722, 74.265, 103.906
CIE-LUV	80.722, 5.329, 83.322
Hunter-Lab	76.138, -19.957, 44.303
Binary	11001110, 11001111, 00110001

#cecf31
```
#cecf31 rgb(206,207,49)
```
#3231cf
```
#3231cf rgb(50,49,207)
```

Complementary Color

#cf8131
```
#cf8131 rgb(207,129,49)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#7fcf31
```
#7fcf31 rgb(127,207,49)
```

Analogous Color

#8131cf
```
#8131cf rgb(129,49,207)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#317fcf
```
#317fcf rgb(49,127,207)
```

Split Complementary Color

#cf31ce
```
#cf31ce rgb(207,49,206)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#31cecf
```
#31cecf rgb(49,206,207)
```

Triadic Color

#cf3231
```
#cf3231 rgb(207,50,49)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#31cecf
```
#31cecf rgb(49,206,207)
```
#3231cf
```
#3231cf rgb(50,49,207)
```

Tetradic Color

#919222
```
#919222 rgb(145,146,34)
```
#a5a627
```
#a5a627 rgb(165,166,39)
```
#babb2c
```
#babb2c rgb(186,187,44)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#d3d446
```
#d3d446 rgb(211,212,70)
```
#d8d95a
```
#d8d95a rgb(216,217,90)
```
#dddd6f
```
#dddd6f rgb(221,221,111)
```

Monochromatic Color

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

#cfa931
```
#cfa931 rgb(207,169,49)
```
#cfb631
```
#cfb631 rgb(207,182,49)
```
#cfc331
```
#cfc331 rgb(207,195,49)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#c1cf31
```
#c1cf31 rgb(193,207,49)
```
#b4cf31
```
#b4cf31 rgb(180,207,49)
```
#a7cf31
```
#a7cf31 rgb(167,207,49)
```

Similar Colors

Text with hexadecimal color #cecf31

This text has a font color of #cecf31.

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

#cecf31 background color

This paragraph has a background color of #cecf31.

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

#cecf31 border color

This element has a border color of #cecf31.

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

CSS codes

.text {color:#cecf31;}

.background {background-color:#cecf31;}

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

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)
```
#111104
```
#111104 rgb(17,17,4)
```
#202108
```
#202108 rgb(32,33,8)
```
#30310b
```
#30310b rgb(48,49,11)
```
#40400f
```
#40400f rgb(64,64,15)
```
#505013
```
#505013 rgb(80,80,19)
```
#606016
```
#606016 rgb(96,96,22)
```
#70701a
```
#70701a rgb(112,112,26)
```
#7f801e
```
#7f801e rgb(127,128,30)
```
#8f9022
```
#8f9022 rgb(143,144,34)
```
#9fa025
```
#9fa025 rgb(159,160,37)
```
#afb029
```
#afb029 rgb(175,176,41)
```
#bfc02d
```
#bfc02d rgb(191,192,45)
```

Shade Color Variation

#cecf31
```
#cecf31 rgb(206,207,49)
```
#d2d341
```
#d2d341 rgb(210,211,65)
```
#d6d651
```
#d6d651 rgb(214,214,81)
```
#d9da61
```
#d9da61 rgb(217,218,97)
```
#ddde71
```
#ddde71 rgb(221,222,113)
```
#e1e281
```
#e1e281 rgb(225,226,129)
```
#e5e590
```
#e5e590 rgb(229,229,144)
```
#e8e9a0
```
#e8e9a0 rgb(232,233,160)
```
#ecedb0
```
#ecedb0 rgb(236,237,176)
```
#f0f0c0
```
#f0f0c0 rgb(240,240,192)
```
#f4f4d0
```
#f4f4d0 rgb(244,244,208)
```
#f8f8e0
```
#f8f8e0 rgb(248,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 #f5f60a is the most saturated one.

#81817f
```
#81817f rgb(129,129,127)
```
#8a8b75
```
#8a8b75 rgb(138,139,117)
```
#94946c
```
#94946c rgb(148,148,108)
```
#9e9e62
```
#9e9e62 rgb(158,158,98)
```
#a7a858
```
#a7a858 rgb(167,168,88)
```
#b1b24e
```
#b1b24e rgb(177,178,78)
```
#bbbb45
```
#bbbb45 rgb(187,187,69)
```
#c4c53b
```
#c4c53b rgb(196,197,59)
```
#cecf31
```
#cecf31 rgb(206,207,49)
```
#d8d927
```
#d8d927 rgb(216,217,39)
```
#e1e31d
```
#e1e31d rgb(225,227,29)
```
#ebec14
```
#ebec14 rgb(235,236,20)
```
#f5f60a
```
#f5f60a rgb(245,246,10)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c0c1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb3a Protanopia 1% of men
#fcc144 Deuteranopia 1% of men
#dec4d1 Tritanopia 0.001% of the population

Trichromacy

#dbcc36 Protanomaly 1% of men, 0.01% of women
#ebc63d Deuteranomaly 6% of men, 0.4% of women
#d8c897 Tritanomaly 0.01% of the population