#ccd96b hex color

In a RGB color space, hex #ccd96b is composed of 80% red, 85.1% green and 42% blue. Whereas in a CMYK color space, it is composed of 6% cyan, 0% magenta, 50.7% yellow and 14.9% black. It has a hue angle of 67.1 degrees, a saturation of 59.1% and a lightness of 63.5%. #ccd96b color hex could be obtained by blending #ffffd6 with #99b300. Closest websafe color is: #cccc66.

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

● #ccd96b color description : Soft yellow.

The hexadecimal color #ccd96b has RGB values of R:204, G:217, B:107 and CMYK values of C:0.06, M:0, Y:0.51, K:0.15. Its decimal value is 13425003.

Hex triplet	ccd96b	`#ccd96b`
RGB Decimal	204, 217, 107	`rgb(204,217,107)`
RGB Percent	80, 85.1, 42	`rgb(80%,85.1%,42%)`
CMYK	6, 0, 51, 15
HSL	67.1°, 59.1, 63.5	`hsl(67.1,59.1%,63.5%)`
HSV (or HSB)	67.1°, 50.7, 85.1
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.718, -19.917, 52.109
XYZ	52.368, 63.525, 23.412
xyY	0.376, 0.456, 63.525
CIE-LCH	83.718, 55.786, 110.918
CIE-LUV	83.718, -3.34, 68.852
Hunter-Lab	79.702, -22.197, 38.376
Binary	11001100, 11011001, 01101011

#ccd96b
```
#ccd96b rgb(204,217,107)
```
#786bd9
```
#786bd9 rgb(120,107,217)
```

Complementary Color

#d9af6b
```
#d9af6b rgb(217,175,107)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#95d96b
```
#95d96b rgb(149,217,107)
```

Analogous Color

#af6bd9
```
#af6bd9 rgb(175,107,217)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#6b95d9
```
#6b95d9 rgb(107,149,217)
```

Split Complementary Color

#d96bcc
```
#d96bcc rgb(217,107,204)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#6bccd9
```
#6bccd9 rgb(107,204,217)
```

Triadic Color

#d9786b
```
#d9786b rgb(217,120,107)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#6bccd9
```
#6bccd9 rgb(107,204,217)
```
#786bd9
```
#786bd9 rgb(120,107,217)
```

Tetradic Color

#b4c533
```
#b4c533 rgb(180,197,51)
```
#becf42
```
#becf42 rgb(190,207,66)
```
#c5d457
```
#c5d457 rgb(197,212,87)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#d3de7f
```
#d3de7f rgb(211,222,127)
```
#dae394
```
#dae394 rgb(218,227,148)
```
#e1e9a8
```
#e1e9a8 rgb(225,233,168)
```

Monochromatic Color

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

#d9cb6b
```
#d9cb6b rgb(217,203,107)
```
#d9d46b
```
#d9d46b rgb(217,212,107)
```
#d5d96b
```
#d5d96b rgb(213,217,107)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#c3d96b
```
#c3d96b rgb(195,217,107)
```
#bad96b
```
#bad96b rgb(186,217,107)
```
#b1d96b
```
#b1d96b rgb(177,217,107)
```

Similar Colors

Text with hexadecimal color #ccd96b

This text has a font color of #ccd96b.

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

#ccd96b background color

This paragraph has a background color of #ccd96b.

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

#ccd96b border color

This element has a border color of #ccd96b.

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

CSS codes

.text {color:#ccd96b;}

.background {background-color:#ccd96b;}

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

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

#070802
```
#070802 rgb(7,8,2)
```
#161806
```
#161806 rgb(22,24,6)
```
#24270a
```
#24270a rgb(36,39,10)
```
#32370e
```
#32370e rgb(50,55,14)
```
#404712
```
#404712 rgb(64,71,18)
```
#4f5616
```
#4f5616 rgb(79,86,22)
```
#5d661a
```
#5d661a rgb(93,102,26)
```
#6b751e
```
#6b751e rgb(107,117,30)
```
#798522
```
#798522 rgb(121,133,34)
```
#889526
```
#889526 rgb(136,149,38)
```
#96a42a
```
#96a42a rgb(150,164,42)
```
#a4b42e
```
#a4b42e rgb(164,180,46)
```
#b2c332
```
#b2c332 rgb(178,195,50)
```

Shade Color Variation

#bccd3c
```
#bccd3c rgb(188,205,60)
```
#c1d14c
```
#c1d14c rgb(193,209,76)
```
#c7d55b
```
#c7d55b rgb(199,213,91)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#d1dd7b
```
#d1dd7b rgb(209,221,123)
```
#d7e18a
```
#d7e18a rgb(215,225,138)
```
#dce59a
```
#dce59a rgb(220,229,154)
```
#e2e9a9
```
#e2e9a9 rgb(226,233,169)
```
#e7edb9
```
#e7edb9 rgb(231,237,185)
```
#ecf1c9
```
#ecf1c9 rgb(236,241,201)
```
#f2f5d8
```
#f2f5d8 rgb(242,245,216)
```
#f7f9e8
```
#f7f9e8 rgb(247,249,232)
```
#fcfdf7
```
#fcfdf7 rgb(252,253,247)
```

Tint Color Variation

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

#a6a79d
```
#a6a79d rgb(166,167,157)
```
#abae96
```
#abae96 rgb(171,174,150)
```
#b1b58f
```
#b1b58f rgb(177,181,143)
```
#b6bc88
```
#b6bc88 rgb(182,188,136)
```
#bcc480
```
#bcc480 rgb(188,196,128)
```
#c1cb79
```
#c1cb79 rgb(193,203,121)
```
#c7d272
```
#c7d272 rgb(199,210,114)
```
#ccd96b
```
#ccd96b rgb(204,217,107)
```
#d1e064
```
#d1e064 rgb(209,224,100)
```
#d7e75d
```
#d7e75d rgb(215,231,93)
```
#dcee56
```
#dcee56 rgb(220,238,86)
```
#e2f64e
```
#e2f64e rgb(226,246,78)
```
#e7fd47
```
#e7fd47 rgb(231,253,71)
```

Tone Color Variation

Below, you can see how #ccd96b 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
#caccb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d370 Protanopia 1% of men
#ffca7c Deuteranopia 1% of men
#dccfdd Tritanopia 0.001% of the population

Trichromacy

#ded56e Protanomaly 1% of men, 0.01% of women
#eccf75 Deuteranomaly 6% of men, 0.4% of women
#d6d2b4 Tritanomaly 0.01% of the population

#ccd96b hex color

#ccd96b Color Information

#ccd96b Color Conversion

Color Schemes with #ccd96b

Alternatives to #ccd96b

#ccd96b Preview

Shades and Tints of #ccd96b

Tones of #ccd96b

Color Blindness Simulator