#ccd98d hex color

In a RGB color space, hex #ccd98d is composed of 80% red, 85.1% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 35% yellow and 14.9% black. It has a hue angle of 70.3 degrees, a saturation of 50% and a lightness of 70.2%. #ccd98d color hex could be obtained by blending #ffffff with #99b31b. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 80
- G 85
- B 55
RGB color chart
- C 6
- M 0
- Y 35
- K 15
CMYK color chart

● #ccd98d color description : Very soft yellow.

The hexadecimal color #ccd98d has RGB values of R:204, G:217, B:141 and CMYK values of C:0.06, M:0, Y:0.35, K:0.15. Its decimal value is 13425037.

Hex triplet	ccd98d	`#ccd98d`
RGB Decimal	204, 217, 141	`rgb(204,217,141)`
RGB Percent	80, 85.1, 55.3	`rgb(80%,85.1%,55.3%)`
CMYK	6, 0, 35, 15
HSL	70.3°, 50, 70.2	`hsl(70.3,50%,70.2%)`
HSV (or HSB)	70.3°, 35, 85.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.166, -16.308, 36.019
XYZ	54.521, 64.386, 34.753
xyY	0.355, 0.419, 64.386
CIE-LCH	84.166, 39.539, 114.358
CIE-LUV	84.166, -4.281, 51.369
Hunter-Lab	80.241, -19.136, 30.489
Binary	11001100, 11011001, 10001101

#ccd98d
```
#ccd98d rgb(204,217,141)
```
#9a8dd9
```
#9a8dd9 rgb(154,141,217)
```

Complementary Color

#d9c08d
```
#d9c08d rgb(217,192,141)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#a6d98d
```
#a6d98d rgb(166,217,141)
```

Analogous Color

#c08dd9
```
#c08dd9 rgb(192,141,217)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#8da6d9
```
#8da6d9 rgb(141,166,217)
```

Split Complementary Color

#d98dcc
```
#d98dcc rgb(217,141,204)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#8dccd9
```
#8dccd9 rgb(141,204,217)
```

Triadic Color

#d99a8d
```
#d99a8d rgb(217,154,141)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#8dccd9
```
#8dccd9 rgb(141,204,217)
```
#9a8dd9
```
#9a8dd9 rgb(154,141,217)
```

Tetradic Color

#b2c654
```
#b2c654 rgb(178,198,84)
```
#bbcc67
```
#bbcc67 rgb(187,204,103)
```
#c3d37a
```
#c3d37a rgb(195,211,122)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#d5dfa0
```
#d5dfa0 rgb(213,223,160)
```
#dde6b3
```
#dde6b3 rgb(221,230,179)
```
#e6ecc6
```
#e6ecc6 rgb(230,236,198)
```

Monochromatic Color

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

#d9d38d
```
#d9d38d rgb(217,211,141)
```
#d9d98d
```
#d9d98d rgb(217,217,141)
```
#d2d98d
```
#d2d98d rgb(210,217,141)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#c6d98d
```
#c6d98d rgb(198,217,141)
```
#bfd98d
```
#bfd98d rgb(191,217,141)
```
#b9d98d
```
#b9d98d rgb(185,217,141)
```

Similar Colors

Text with hexadecimal color #ccd98d

This text has a font color of #ccd98d.

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

#ccd98d background color

This paragraph has a background color of #ccd98d.

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

#ccd98d border color

This element has a border color of #ccd98d.

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

CSS codes

.text {color:#ccd98d;}

.background {background-color:#ccd98d;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#101206
```
#101206 rgb(16,18,6)
```
#1d210b
```
#1d210b rgb(29,33,11)
```
#2a3010
```
#2a3010 rgb(42,48,16)
```
#373f15
```
#373f15 rgb(55,63,21)
```
#444d1a
```
#444d1a rgb(68,77,26)
```
#515c1f
```
#515c1f rgb(81,92,31)
```
#5f6b24
```
#5f6b24 rgb(95,107,36)
```
#6c7928
```
#6c7928 rgb(108,121,40)
```
#79882d
```
#79882d rgb(121,136,45)
```
#869732
```
#869732 rgb(134,151,50)
```
#93a637
```
#93a637 rgb(147,166,55)
```
#a0b43c
```
#a0b43c rgb(160,180,60)
```

Shade Color Variation

#abc043
```
#abc043 rgb(171,192,67)
```
#b2c552
```
#b2c552 rgb(178,197,82)
```
#b8ca61
```
#b8ca61 rgb(184,202,97)
```
#bfcf70
```
#bfcf70 rgb(191,207,112)
```
#c5d47e
```
#c5d47e rgb(197,212,126)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#d3de9c
```
#d3de9c rgb(211,222,156)
```
#d9e3aa
```
#d9e3aa rgb(217,227,170)
```
#e0e8b9
```
#e0e8b9 rgb(224,232,185)
```
#e6edc8
```
#e6edc8 rgb(230,237,200)
```
#edf2d7
```
#edf2d7 rgb(237,242,215)
```
#f3f6e5
```
#f3f6e5 rgb(243,246,229)
```
#fafbf4
```
#fafbf4 rgb(250,251,244)
```

Tint Color Variation

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

#b5b6b0
```
#b5b6b0 rgb(181,182,176)
```
#b9bcaa
```
#b9bcaa rgb(185,188,170)
```
#bdc2a4
```
#bdc2a4 rgb(189,194,164)
```
#c0c79f
```
#c0c79f rgb(192,199,159)
```
#c4cd99
```
#c4cd99 rgb(196,205,153)
```
#c8d393
```
#c8d393 rgb(200,211,147)
```
#ccd98d
```
#ccd98d rgb(204,217,141)
```
#d0df87
```
#d0df87 rgb(208,223,135)
```
#d4e581
```
#d4e581 rgb(212,229,129)
```
#d8eb7b
```
#d8eb7b rgb(216,235,123)
```
#dbf076
```
#dbf076 rgb(219,240,118)
```
#dff670
```
#dff670 rgb(223,246,112)
```
#e3fc6a
```
#e3fc6a rgb(227,252,106)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccfbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d490 Protanopia 1% of men
#fbcb97 Deuteranopia 1% of men
#d9d1e0 Tritanopia 0.001% of the population

Trichromacy

#dcd58f Protanomaly 1% of men, 0.01% of women
#ead093 Deuteranomaly 6% of men, 0.4% of women
#d4d4c1 Tritanomaly 0.01% of the population

#ccd98d hex color

#ccd98d Color Information

#ccd98d Color Conversion

Color Schemes with #ccd98d

Alternatives to #ccd98d

#ccd98d Preview

Shades and Tints of #ccd98d

Tones of #ccd98d

Color Blindness Simulator