#cfd696 hex color

In a RGB color space, hex #cfd696 is composed of 81.2% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 66.6 degrees, a saturation of 43.8% and a lightness of 71.4%. #cfd696 color hex could be obtained by blending #ffffff with #9fad2d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 81
- G 84
- B 59
RGB color chart
- C 3
- M 0
- Y 30
- K 16
CMYK color chart

● #cfd696 color description : Slightly desaturated yellow.

The hexadecimal color #cfd696 has RGB values of R:207, G:214, B:150 and CMYK values of C:0.03, M:0, Y:0.3, K:0.16. Its decimal value is 13620886.

Hex triplet	cfd696	`#cfd696`
RGB Decimal	207, 214, 150	`rgb(207,214,150)`
RGB Percent	81.2, 83.9, 58.8	`rgb(81.2%,83.9%,58.8%)`
CMYK	3, 0, 30, 16
HSL	66.6°, 43.8, 71.4	`hsl(66.6,43.8%,71.4%)`
HSV (or HSB)	66.6°, 29.9, 83.9
Web Safe	cccc99	`#cccc99`

CIE-LAB	83.737, -12.53, 30.891
XYZ	55.283, 63.561, 38.209
xyY	0.352, 0.405, 63.561
CIE-LCH	83.737, 33.335, 112.078
CIE-LUV	83.737, -1.072, 44.534
Hunter-Lab	79.725, -15.744, 27.392
Binary	11001111, 11010110, 10010110

#cfd696
```
#cfd696 rgb(207,214,150)
```
#9d96d6
```
#9d96d6 rgb(157,150,214)
```

Complementary Color

#d6bd96
```
#d6bd96 rgb(214,189,150)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#afd696
```
#afd696 rgb(175,214,150)
```

Analogous Color

#bd96d6
```
#bd96d6 rgb(189,150,214)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#96afd6
```
#96afd6 rgb(150,175,214)
```

Split Complementary Color

#d696cf
```
#d696cf rgb(214,150,207)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#96cfd6
```
#96cfd6 rgb(150,207,214)
```

Triadic Color

#d69d96
```
#d69d96 rgb(214,157,150)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#96cfd6
```
#96cfd6 rgb(150,207,214)
```
#9d96d6
```
#9d96d6 rgb(157,150,214)
```

Tetradic Color

#b6c15f
```
#b6c15f rgb(182,193,95)
```
#bec871
```
#bec871 rgb(190,200,113)
```
#c7cf84
```
#c7cf84 rgb(199,207,132)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#d7dda8
```
#d7dda8 rgb(215,221,168)
```
#e0e4bb
```
#e0e4bb rgb(224,228,187)
```
#e8ebcd
```
#e8ebcd rgb(232,235,205)
```

Monochromatic Color

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

#d6cd96
```
#d6cd96 rgb(214,205,150)
```
#d6d296
```
#d6d296 rgb(214,210,150)
```
#d4d696
```
#d4d696 rgb(212,214,150)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#cad696
```
#cad696 rgb(202,214,150)
```
#c4d696
```
#c4d696 rgb(196,214,150)
```
#bfd696
```
#bfd696 rgb(191,214,150)
```

Similar Colors

Text with hexadecimal color #cfd696

This text has a font color of #cfd696.

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

#cfd696 background color

This paragraph has a background color of #cfd696.

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

#cfd696 border color

This element has a border color of #cfd696.

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

CSS codes

.text {color:#cfd696;}

.background {background-color:#cfd696;}

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141609
```
#141609 rgb(20,22,9)
```
#22240e
```
#22240e rgb(34,36,14)
```
#2f3214
```
#2f3214 rgb(47,50,20)
```
#3c4019
```
#3c4019 rgb(60,64,25)
```
#494e1f
```
#494e1f rgb(73,78,31)
```
#565c24
```
#565c24 rgb(86,92,36)
```
#636b2a
```
#636b2a rgb(99,107,42)
```
#71792f
```
#71792f rgb(113,121,47)
```
#7e8735
```
#7e8735 rgb(126,135,53)
```
#8b953a
```
#8b953a rgb(139,149,58)
```
#98a340
```
#98a340 rgb(152,163,64)
```
#a5b145
```
#a5b145 rgb(165,177,69)
```

Shade Color Variation

#afba4f
```
#afba4f rgb(175,186,79)
```
#b5c05e
```
#b5c05e rgb(181,192,94)
```
#bcc56c
```
#bcc56c rgb(188,197,108)
```
#c2cb7a
```
#c2cb7a rgb(194,203,122)
```
#c9d088
```
#c9d088 rgb(201,208,136)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#d5dca4
```
#d5dca4 rgb(213,220,164)
```
#dce1b2
```
#dce1b2 rgb(220,225,178)
```
#e2e7c0
```
#e2e7c0 rgb(226,231,192)
```
#e9ecce
```
#e9ecce rgb(233,236,206)
```
#eff2dd
```
#eff2dd rgb(239,242,221)
```
#f6f7eb
```
#f6f7eb rgb(246,247,235)
```
#fcfdf9
```
#fcfdf9 rgb(252,253,249)
```

Tint Color Variation

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

#b9bab2
```
#b9bab2 rgb(185,186,178)
```
#bdc0ac
```
#bdc0ac rgb(189,192,172)
```
#c2c5a7
```
#c2c5a7 rgb(194,197,167)
```
#c6cba1
```
#c6cba1 rgb(198,203,161)
```
#cbd09c
```
#cbd09c rgb(203,208,156)
```
#cfd696
```
#cfd696 rgb(207,214,150)
```
#d3dc90
```
#d3dc90 rgb(211,220,144)
```
#d8e18b
```
#d8e18b rgb(216,225,139)
```
#dce785
```
#dce785 rgb(220,231,133)
```
#e1ec80
```
#e1ec80 rgb(225,236,128)
```
#e5f27a
```
#e5f27a rgb(229,242,122)
```
#e9f874
```
#e9f874 rgb(233,248,116)
```
#eefd6f
```
#eefd6f rgb(238,253,111)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdcfc2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d299 Protanopia 1% of men
#f7ca9f Deuteranopia 1% of men
#dbcfde Tritanopia 0.001% of the population

Trichromacy

#dbd498 Protanomaly 1% of men, 0.01% of women
#e8ce9c Deuteranomaly 6% of men, 0.4% of women
#d6d1c3 Tritanomaly 0.01% of the population

#cfd696 hex color

#cfd696 Color Information

#cfd696 Color Conversion

Color Schemes with #cfd696

Alternatives to #cfd696

#cfd696 Preview

Shades and Tints of #cfd696

Tones of #cfd696

Color Blindness Simulator