#ced107 hex color

In a RGB color space, hex #ced107 is composed of 80.8% red, 82% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 1.4% cyan, 0% magenta, 96.7% yellow and 18% black. It has a hue angle of 60.9 degrees, a saturation of 93.5% and a lightness of 42.4%. #ced107 color hex could be obtained by blending #ffff0e with #9da300. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 81
- G 82
- B 3
RGB color chart
- C 1
- M 0
- Y 97
- K 18
CMYK color chart

● #ced107 color description : Strong yellow.

The hexadecimal color #ced107 has RGB values of R:206, G:209, B:7 and CMYK values of C:0.01, M:0, Y:0.97, K:0.18. Its decimal value is 13553927.

Hex triplet	ced107	`#ced107`
RGB Decimal	206, 209, 7	`rgb(206,209,7)`
RGB Percent	80.8, 82, 2.7	`rgb(80.8%,82%,2.7%)`
CMYK	1, 0, 97, 18
HSL	60.9°, 93.5, 42.4	`hsl(60.9,93.5%,42.4%)`
HSV (or HSB)	60.9°, 96.7, 82
Web Safe	cccc00	`#cccc00`

CIE-LAB	81.148, -19.761, 80.392
XYZ	48.293, 58.739, 8.995
xyY	0.416, 0.506, 58.739
CIE-LCH	81.148, 82.785, 103.81
CIE-LUV	81.148, 4.373, 89.074
Hunter-Lab	76.641, -21.647, 46.69
Binary	11001110, 11010001, 00000111

#ced107
```
#ced107 rgb(206,209,7)
```
#0a07d1
```
#0a07d1 rgb(10,7,209)
```

Complementary Color

#d16f07
```
#d16f07 rgb(209,111,7)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#69d107
```
#69d107 rgb(105,209,7)
```

Analogous Color

#6f07d1
```
#6f07d1 rgb(111,7,209)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#0769d1
```
#0769d1 rgb(7,105,209)
```

Split Complementary Color

#d107ce
```
#d107ce rgb(209,7,206)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#07ced1
```
#07ced1 rgb(7,206,209)
```

Triadic Color

#d10a07
```
#d10a07 rgb(209,10,7)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#07ced1
```
#07ced1 rgb(7,206,209)
```
#0a07d1
```
#0a07d1 rgb(10,7,209)
```

Tetradic Color

#858705
```
#858705 rgb(133,135,5)
```
#9da005
```
#9da005 rgb(157,160,5)
```
#b6b806
```
#b6b806 rgb(182,184,6)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#e6ea08
```
#e6ea08 rgb(230,234,8)
```
#f4f714
```
#f4f714 rgb(244,247,20)
```
#f5f82d
```
#f5f82d rgb(245,248,45)
```

Monochromatic Color

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

#d1a207
```
#d1a207 rgb(209,162,7)
```
#d1b207
```
#d1b207 rgb(209,178,7)
```
#d1c307
```
#d1c307 rgb(209,195,7)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#bdd107
```
#bdd107 rgb(189,209,7)
```
#acd107
```
#acd107 rgb(172,209,7)
```
#9cd107
```
#9cd107 rgb(156,209,7)
```

Similar Colors

Text with hexadecimal color #ced107

This text has a font color of #ced107.

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

#ced107 background color

This paragraph has a background color of #ced107.

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

#ced107 border color

This element has a border color of #ced107.

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

CSS codes

.text {color:#ced107;}

.background {background-color:#ced107;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#131301
```
#131301 rgb(19,19,1)
```
#262601
```
#262601 rgb(38,38,1)
```
#383902
```
#383902 rgb(56,57,2)
```
#4b4c03
```
#4b4c03 rgb(75,76,3)
```
#5e5f03
```
#5e5f03 rgb(94,95,3)
```
#707204
```
#707204 rgb(112,114,4)
```
#838504
```
#838504 rgb(131,133,4)
```
#969805
```
#969805 rgb(150,152,5)
```
#a9ab06
```
#a9ab06 rgb(169,171,6)
```
#bbbe06
```
#bbbe06 rgb(187,190,6)
```
#ced107
```
#ced107 rgb(206,209,7)
```
#e1e408
```
#e1e408 rgb(225,228,8)
```

Shade Color Variation

#f3f708
```
#f3f708 rgb(243,247,8)
```
#f4f71b
```
#f4f71b rgb(244,247,27)
```
#f5f82e
```
#f5f82e rgb(245,248,46)
```
#f6f941
```
#f6f941 rgb(246,249,65)
```
#f7f954
```
#f7f954 rgb(247,249,84)
```
#f8fa67
```
#f8fa67 rgb(248,250,103)
```
#f9fb7a
```
#f9fb7a rgb(249,251,122)
```
#fafb8d
```
#fafb8d rgb(250,251,141)
```
#fafca0
```
#fafca0 rgb(250,252,160)
```
#fbfcb3
```
#fbfcb3 rgb(251,252,179)
```
#fcfdc6
```
#fcfdc6 rgb(252,253,198)
```
#fdfed9
```
#fdfed9 rgb(253,254,217)
```
#fefeec
```
#fefeec rgb(254,254,236)
```

Tint Color Variation

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

#6d6d6b
```
#6d6d6b rgb(109,109,107)
```
#757662
```
#757662 rgb(117,118,98)
```
#7d7e5a
```
#7d7e5a rgb(125,126,90)
```
#858652
```
#858652 rgb(133,134,82)
```
#8e8f49
```
#8e8f49 rgb(142,143,73)
```
#969741
```
#969741 rgb(150,151,65)
```
#9e9f39
```
#9e9f39 rgb(158,159,57)
```
#a6a731
```
#a6a731 rgb(166,167,49)
```
#aeb028
```
#aeb028 rgb(174,176,40)
```
#b6b820
```
#b6b820 rgb(182,184,32)
```
#bec018
```
#bec018 rgb(190,192,24)
```
#c6c90f
```
#c6c90f rgb(198,201,15)
```
#ced107
```
#ced107 rgb(206,209,7)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#bdbe95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc0f Protanopia 1% of men
#ffc22c Deuteranopia 1% of men
#dfc5d3 Tritanopia 0.001% of the population

Trichromacy

#dcce0c Protanomaly 1% of men, 0.01% of women
#edc71e Deuteranomaly 6% of men, 0.4% of women
#d9c988 Tritanomaly 0.01% of the population

#ced107 hex color

#ced107 Color Information

#ced107 Color Conversion

Color Schemes with #ced107

Alternatives to #ced107

#ced107 Preview

Shades and Tints of #ced107

Tones of #ced107

Color Blindness Simulator