#ccd155 hex color

In a RGB color space, hex #ccd155 is composed of 80% red, 82% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 59.3% yellow and 18% black. It has a hue angle of 62.4 degrees, a saturation of 57.4% and a lightness of 57.6%. #ccd155 color hex could be obtained by blending #ffffaa with #99a300. Closest websafe color is: #cccc66.

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

● #ccd155 color description : Moderate yellow.

The hexadecimal color #ccd155 has RGB values of R:204, G:209, B:85 and CMYK values of C:0.02, M:0, Y:0.59, K:0.18. Its decimal value is 13422933.

Hex triplet	ccd155	`#ccd155`
RGB Decimal	204, 209, 85	`rgb(204,209,85)`
RGB Percent	80, 82, 33.3	`rgb(80%,82%,33.3%)`
CMYK	2, 0, 59, 18
HSL	62.4°, 57.4, 57.6	`hsl(62.4,57.4%,57.6%)`
HSV (or HSB)	62.4°, 59.3, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.344, -17.736, 59.299
XYZ	49.342, 59.095, 17.401
xyY	0.392, 0.47, 59.095
CIE-LCH	81.344, 61.895, 106.652
CIE-LUV	81.344, 2.042, 74.017
Hunter-Lab	76.873, -19.956, 40.39
Binary	11001100, 11010001, 01010101

#ccd155
```
#ccd155 rgb(204,209,85)
```
#5a55d1
```
#5a55d1 rgb(90,85,209)
```

Complementary Color

#d19855
```
#d19855 rgb(209,152,85)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#8ed155
```
#8ed155 rgb(142,209,85)
```

Analogous Color

#9855d1
```
#9855d1 rgb(152,85,209)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#558ed1
```
#558ed1 rgb(85,142,209)
```

Split Complementary Color

#d155cc
```
#d155cc rgb(209,85,204)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#55ccd1
```
#55ccd1 rgb(85,204,209)
```

Triadic Color

#d15a55
```
#d15a55 rgb(209,90,85)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#55ccd1
```
#55ccd1 rgb(85,204,209)
```
#5a55d1
```
#5a55d1 rgb(90,85,209)
```

Tetradic Color

#a6ab2e
```
#a6ab2e rgb(166,171,46)
```
#babf34
```
#babf34 rgb(186,191,52)
```
#c6cc41
```
#c6cc41 rgb(198,204,65)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#d2d669
```
#d2d669 rgb(210,214,105)
```
#d8dc7d
```
#d8dc7d rgb(216,220,125)
```
#dee191
```
#dee191 rgb(222,225,145)
```

Monochromatic Color

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

#d1b755
```
#d1b755 rgb(209,183,85)
```
#d1c155
```
#d1c155 rgb(209,193,85)
```
#d1cc55
```
#d1cc55 rgb(209,204,85)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#c2d155
```
#c2d155 rgb(194,209,85)
```
#b7d155
```
#b7d155 rgb(183,209,85)
```
#add155
```
#add155 rgb(173,209,85)
```

Similar Colors

Text with hexadecimal color #ccd155

This text has a font color of #ccd155.

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

#ccd155 background color

This paragraph has a background color of #ccd155.

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

#ccd155 border color

This element has a border color of #ccd155.

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

CSS codes

.text {color:#ccd155;}

.background {background-color:#ccd155;}

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

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, #0f0f04 is the darkest color, while #ffffff is the lightest one.

#0f0f04
```
#0f0f04 rgb(15,15,4)
```
#1e1f08
```
#1e1f08 rgb(30,31,8)
```
#2d2e0c
```
#2d2e0c rgb(45,46,12)
```
#3c3e11
```
#3c3e11 rgb(60,62,17)
```
#4b4d15
```
#4b4d15 rgb(75,77,21)
```
#5a5c19
```
#5a5c19 rgb(90,92,25)
```
#696c1d
```
#696c1d rgb(105,108,29)
```
#787b21
```
#787b21 rgb(120,123,33)
```
#878b26
```
#878b26 rgb(135,139,38)
```
#969a2a
```
#969a2a rgb(150,154,42)
```
#a5aa2e
```
#a5aa2e rgb(165,170,46)
```
#b4b932
```
#b4b932 rgb(180,185,50)
```
#c3c936
```
#c3c936 rgb(195,201,54)
```

Shade Color Variation

#c7cd46
```
#c7cd46 rgb(199,205,70)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#d1d564
```
#d1d564 rgb(209,213,100)
```
#d5d974
```
#d5d974 rgb(213,217,116)
```
#dade83
```
#dade83 rgb(218,222,131)
```
#dfe293
```
#dfe293 rgb(223,226,147)
```
#e3e6a2
```
#e3e6a2 rgb(227,230,162)
```
#e8eab2
```
#e8eab2 rgb(232,234,178)
```
#eceec1
```
#eceec1 rgb(236,238,193)
```
#f1f2d1
```
#f1f2d1 rgb(241,242,209)
```
#f6f7e0
```
#f6f7e0 rgb(246,247,224)
```
#fafbef
```
#fafbef rgb(250,251,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#97978f
```
#97978f rgb(151,151,143)
```
#9e9f87
```
#9e9f87 rgb(158,159,135)
```
#a6a77f
```
#a6a77f rgb(166,167,127)
```
#adb076
```
#adb076 rgb(173,176,118)
```
#b5b86e
```
#b5b86e rgb(181,184,110)
```
#bdc066
```
#bdc066 rgb(189,192,102)
```
#c4c95d
```
#c4c95d rgb(196,201,93)
```
#ccd155
```
#ccd155 rgb(204,209,85)
```
#d4d94d
```
#d4d94d rgb(212,217,77)
```
#dbe244
```
#dbe244 rgb(219,226,68)
```
#e3ea3c
```
#e3ea3c rgb(227,234,60)
```
#ebf234
```
#ebf234 rgb(235,242,52)
```
#f2fb2b
```
#f2fb2b rgb(242,251,43)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c4ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd5c Protanopia 1% of men
#fbc363 Deuteranopia 1% of men
#dcc7d5 Tritanopia 0.001% of the population

Trichromacy

#dace59 Protanomaly 1% of men, 0.01% of women
#e9c85e Deuteranomaly 6% of men, 0.4% of women
#d6caa6 Tritanomaly 0.01% of the population

#ccd155 hex color

#ccd155 Color Information

#ccd155 Color Conversion

Color Schemes with #ccd155

Alternatives to #ccd155

#ccd155 Preview

Shades and Tints of #ccd155

Tones of #ccd155

Color Blindness Simulator