#ccd157 hex color

In a RGB color space, hex #ccd157 is composed of 80% red, 82% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 58.4% yellow and 18% black. It has a hue angle of 62.5 degrees, a saturation of 57% and a lightness of 58%. #ccd157 color hex could be obtained by blending #ffffae with #99a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 34
RGB color chart
- C 2
- M 0
- Y 58
- K 18
CMYK color chart

● #ccd157 color description : Moderate yellow.

The hexadecimal color #ccd157 has RGB values of R:204, G:209, B:87 and CMYK values of C:0.02, M:0, Y:0.58, K:0.18. Its decimal value is 13422935.

Hex triplet	ccd157	`#ccd157`
RGB Decimal	204, 209, 87	`rgb(204,209,87)`
RGB Percent	80, 82, 34.1	`rgb(80%,82%,34.1%)`
CMYK	2, 0, 58, 18
HSL	62.5°, 57, 58	`hsl(62.5,57%,58%)`
HSV (or HSB)	62.5°, 58.4, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.361, -17.594, 58.454
XYZ	49.422, 59.127, 17.825
xyY	0.391, 0.468, 59.127
CIE-LCH	81.361, 61.045, 106.751
CIE-LUV	81.361, 1.995, 73.286
Hunter-Lab	76.894, -19.837, 40.081
Binary	11001100, 11010001, 01010111

#ccd157
```
#ccd157 rgb(204,209,87)
```
#5c57d1
```
#5c57d1 rgb(92,87,209)
```

Complementary Color

#d19957
```
#d19957 rgb(209,153,87)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#8fd157
```
#8fd157 rgb(143,209,87)
```

Analogous Color

#9957d1
```
#9957d1 rgb(153,87,209)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#578fd1
```
#578fd1 rgb(87,143,209)
```

Split Complementary Color

#d157cc
```
#d157cc rgb(209,87,204)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#57ccd1
```
#57ccd1 rgb(87,204,209)
```

Triadic Color

#d15c57
```
#d15c57 rgb(209,92,87)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#57ccd1
```
#57ccd1 rgb(87,204,209)
```
#5c57d1
```
#5c57d1 rgb(92,87,209)
```

Tetradic Color

#a7ac2f
```
#a7ac2f rgb(167,172,47)
```
#bbc035
```
#bbc035 rgb(187,192,53)
```
#c6cc43
```
#c6cc43 rgb(198,204,67)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#d2d66b
```
#d2d66b rgb(210,214,107)
```
#d8dc7f
```
#d8dc7f rgb(216,220,127)
```
#dee193
```
#dee193 rgb(222,225,147)
```

Monochromatic Color

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

#d1b857
```
#d1b857 rgb(209,184,87)
```
#d1c257
```
#d1c257 rgb(209,194,87)
```
#d1cc57
```
#d1cc57 rgb(209,204,87)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#c2d157
```
#c2d157 rgb(194,209,87)
```
#b8d157
```
#b8d157 rgb(184,209,87)
```
#aed157
```
#aed157 rgb(174,209,87)
```

Similar Colors

Text with hexadecimal color #ccd157

This text has a font color of #ccd157.

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

#ccd157 background color

This paragraph has a background color of #ccd157.

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

#ccd157 border color

This element has a border color of #ccd157.

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

CSS codes

.text {color:#ccd157;}

.background {background-color:#ccd157;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#101105
```
#101105 rgb(16,17,5)
```
#1f2009
```
#1f2009 rgb(31,32,9)
```
#2e300d
```
#2e300d rgb(46,48,13)
```
#3d3f11
```
#3d3f11 rgb(61,63,17)
```
#4c4e15
```
#4c4e15 rgb(76,78,21)
```
#5b5e1a
```
#5b5e1a rgb(91,94,26)
```
#6a6d1e
```
#6a6d1e rgb(106,109,30)
```
#797d22
```
#797d22 rgb(121,125,34)
```
#888c26
```
#888c26 rgb(136,140,38)
```
#979b2b
```
#979b2b rgb(151,155,43)
```
#a6ab2f
```
#a6ab2f rgb(166,171,47)
```
#b5ba33
```
#b5ba33 rgb(181,186,51)
```

Shade Color Variation

#c3c938
```
#c3c938 rgb(195,201,56)
```
#c7cd48
```
#c7cd48 rgb(199,205,72)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#d1d566
```
#d1d566 rgb(209,213,102)
```
#d5d976
```
#d5d976 rgb(213,217,118)
```
#dade85
```
#dade85 rgb(218,222,133)
```
#dfe295
```
#dfe295 rgb(223,226,149)
```
#e3e6a4
```
#e3e6a4 rgb(227,230,164)
```
#e8eab3
```
#e8eab3 rgb(232,234,179)
```
#edefc3
```
#edefc3 rgb(237,239,195)
```
#f1f3d2
```
#f1f3d2 rgb(241,243,210)
```
#f6f7e2
```
#f6f7e2 rgb(246,247,226)
```
#fbfbf1
```
#fbfbf1 rgb(251,251,241)
```

Tint Color Variation

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

#979791
```
#979791 rgb(151,151,145)
```
#9fa088
```
#9fa088 rgb(159,160,136)
```
#a6a880
```
#a6a880 rgb(166,168,128)
```
#aeb078
```
#aeb078 rgb(174,176,120)
```
#b5b870
```
#b5b870 rgb(181,184,112)
```
#bdc167
```
#bdc167 rgb(189,193,103)
```
#c4c95f
```
#c4c95f rgb(196,201,95)
```
#ccd157
```
#ccd157 rgb(204,209,87)
```
#d4d94f
```
#d4d94f rgb(212,217,79)
```
#dbe147
```
#dbe147 rgb(219,225,71)
```
#e3ea3e
```
#e3ea3e rgb(227,234,62)
```
#eaf236
```
#eaf236 rgb(234,242,54)
```
#f2fa2e
```
#f2fa2e rgb(242,250,46)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c5ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd5d Protanopia 1% of men
#fac365 Deuteranopia 1% of men
#dbc7d5 Tritanopia 0.001% of the population

Trichromacy

#dace5b Protanomaly 1% of men, 0.01% of women
#e9c860 Deuteranomaly 6% of men, 0.4% of women
#d6caa7 Tritanomaly 0.01% of the population

#ccd157 hex color

#ccd157 Color Information

#ccd157 Color Conversion

Color Schemes with #ccd157

Alternatives to #ccd157

#ccd157 Preview

Shades and Tints of #ccd157

Tones of #ccd157

Color Blindness Simulator