#ccd48b hex color

In a RGB color space, hex #ccd48b is composed of 80% red, 83.1% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 0% magenta, 34.4% yellow and 16.9% black. It has a hue angle of 66.6 degrees, a saturation of 45.9% and a lightness of 68.8%. #ccd48b color hex could be obtained by blending #ffffff with #99a917. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 83
- B 55
RGB color chart
- C 4
- M 0
- Y 34
- K 17
CMYK color chart

● #ccd48b color description : Slightly desaturated yellow.

The hexadecimal color #ccd48b has RGB values of R:204, G:212, B:139 and CMYK values of C:0.04, M:0, Y:0.34, K:0.17. Its decimal value is 13423755.

Hex triplet	ccd48b	`#ccd48b`
RGB Decimal	204, 212, 139	`rgb(204,212,139)`
RGB Percent	80, 83.1, 54.5	`rgb(80%,83.1%,54.5%)`
CMYK	4, 0, 34, 17
HSL	66.6°, 45.9, 68.8	`hsl(66.6,45.9%,68.8%)`
HSV (or HSB)	66.6°, 34.4, 83.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	82.801, -14.052, 35.257
XYZ	53.105, 61.789, 33.554
xyY	0.358, 0.416, 61.789
CIE-LCH	82.801, 37.954, 111.73
CIE-LUV	82.801, -1.361, 49.822
Hunter-Lab	78.606, -16.969, 29.716
Binary	11001100, 11010100, 10001011

#ccd48b
```
#ccd48b rgb(204,212,139)
```
#938bd4
```
#938bd4 rgb(147,139,212)
```

Complementary Color

#d4b88b
```
#d4b88b rgb(212,184,139)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#a8d48b
```
#a8d48b rgb(168,212,139)
```

Analogous Color

#b88bd4
```
#b88bd4 rgb(184,139,212)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#8ba8d4
```
#8ba8d4 rgb(139,168,212)
```

Split Complementary Color

#d48bcc
```
#d48bcc rgb(212,139,204)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#8bccd4
```
#8bccd4 rgb(139,204,212)
```

Triadic Color

#d4938b
```
#d4938b rgb(212,147,139)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#8bccd4
```
#8bccd4 rgb(139,204,212)
```
#938bd4
```
#938bd4 rgb(147,139,212)
```

Tetradic Color

#b3bf53
```
#b3bf53 rgb(179,191,83)
```
#bcc666
```
#bcc666 rgb(188,198,102)
```
#c4cd78
```
#c4cd78 rgb(196,205,120)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#d4db9e
```
#d4db9e rgb(212,219,158)
```
#dce2b0
```
#dce2b0 rgb(220,226,176)
```
#e5e9c3
```
#e5e9c3 rgb(229,233,195)
```

Monochromatic Color

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

#d4ca8b
```
#d4ca8b rgb(212,202,139)
```
#d4d08b
```
#d4d08b rgb(212,208,139)
```
#d2d48b
```
#d2d48b rgb(210,212,139)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#c6d48b
```
#c6d48b rgb(198,212,139)
```
#c0d48b
```
#c0d48b rgb(192,212,139)
```
#bad48b
```
#bad48b rgb(186,212,139)
```

Similar Colors

Text with hexadecimal color #ccd48b

This text has a font color of #ccd48b.

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

#ccd48b background color

This paragraph has a background color of #ccd48b.

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

#ccd48b border color

This element has a border color of #ccd48b.

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

CSS codes

.text {color:#ccd48b;}

.background {background-color:#ccd48b;}

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

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

#0c0d05
```
#0c0d05 rgb(12,13,5)
```
#191b0a
```
#191b0a rgb(25,27,10)
```
#27290f
```
#27290f rgb(39,41,15)
```
#343815
```
#343815 rgb(52,56,21)
```
#41461a
```
#41461a rgb(65,70,26)
```
#4f541f
```
#4f541f rgb(79,84,31)
```
#5c6325
```
#5c6325 rgb(92,99,37)
```
#69712a
```
#69712a rgb(105,113,42)
```
#777f2f
```
#777f2f rgb(119,127,47)
```
#848e34
```
#848e34 rgb(132,142,52)
```
#919c3a
```
#919c3a rgb(145,156,58)
```
#9eaa3f
```
#9eaa3f rgb(158,170,63)
```
#acb944
```
#acb944 rgb(172,185,68)
```

Shade Color Variation

#b3bf52
```
#b3bf52 rgb(179,191,82)
```
#b9c460
```
#b9c460 rgb(185,196,96)
```
#bfc96e
```
#bfc96e rgb(191,201,110)
```
#c6cf7d
```
#c6cf7d rgb(198,207,125)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#d2d999
```
#d2d999 rgb(210,217,153)
```
#d9dfa8
```
#d9dfa8 rgb(217,223,168)
```
#dfe4b6
```
#dfe4b6 rgb(223,228,182)
```
#e5e9c4
```
#e5e9c4 rgb(229,233,196)
```
#ebefd3
```
#ebefd3 rgb(235,239,211)
```
#f2f4e1
```
#f2f4e1 rgb(242,244,225)
```
#f8f9ef
```
#f8f9ef rgb(248,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#b4b5aa
```
#b4b5aa rgb(180,181,170)
```
#b9bca3
```
#b9bca3 rgb(185,188,163)
```
#bec29d
```
#bec29d rgb(190,194,157)
```
#c2c897
```
#c2c897 rgb(194,200,151)
```
#c7ce91
```
#c7ce91 rgb(199,206,145)
```
#ccd48b
```
#ccd48b rgb(204,212,139)
```
#d1da85
```
#d1da85 rgb(209,218,133)
```
#d6e07f
```
#d6e07f rgb(214,224,127)
```
#dae679
```
#dae679 rgb(218,230,121)
```
#dfec73
```
#dfec73 rgb(223,236,115)
```
#e4f36c
```
#e4f36c rgb(228,243,108)
```
#e9f966
```
#e9f966 rgb(233,249,102)
```
#edff60
```
#edff60 rgb(237,255,96)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#cacbbd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d08e Protanopia 1% of men
#f7c895 Deuteranopia 1% of men
#d9ccdb Tritanopia 0.001% of the population

Trichromacy

#d9d18d Protanomaly 1% of men, 0.01% of women
#e7cc91 Deuteranomaly 6% of men, 0.4% of women
#d4cfbe Tritanomaly 0.01% of the population

#ccd48b hex color

#ccd48b Color Information

#ccd48b Color Conversion

Color Schemes with #ccd48b

Alternatives to #ccd48b

#ccd48b Preview

Shades and Tints of #ccd48b

Tones of #ccd48b

Color Blindness Simulator