#cfd996 hex color

In a RGB color space, hex #cfd996 is composed of 81.2% red, 85.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 30.9% yellow and 14.9% black. It has a hue angle of 69 degrees, a saturation of 46.9% and a lightness of 72%. #cfd996 color hex could be obtained by blending #ffffff with #9fb32d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 81
- G 85
- B 59
RGB color chart
- C 5
- M 0
- Y 31
- K 15
CMYK color chart

● #cfd996 color description : Very soft yellow.

The hexadecimal color #cfd996 has RGB values of R:207, G:217, B:150 and CMYK values of C:0.05, M:0, Y:0.31, K:0.15. Its decimal value is 13621654.

Hex triplet	cfd996	`#cfd996`
RGB Decimal	207, 217, 150	`rgb(207,217,150)`
RGB Percent	81.2, 85.1, 58.8	`rgb(81.2%,85.1%,58.8%)`
CMYK	5, 0, 31, 15
HSL	69°, 46.9, 72	`hsl(69,46.9%,72%)`
HSV (or HSB)	69°, 30.9, 85.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.532, -14.038, 31.948
XYZ	56.049, 65.093, 38.464
xyY	0.351, 0.408, 65.093
CIE-LCH	84.532, 34.896, 113.721
CIE-LUV	84.532, -2.769, 46.207
Hunter-Lab	80.68, -17.186, 28.21
Binary	11001111, 11011001, 10010110

#cfd996
```
#cfd996 rgb(207,217,150)
```
#a096d9
```
#a096d9 rgb(160,150,217)
```

Complementary Color

#d9c296
```
#d9c296 rgb(217,194,150)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#aed996
```
#aed996 rgb(174,217,150)
```

Analogous Color

#c296d9
```
#c296d9 rgb(194,150,217)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#96aed9
```
#96aed9 rgb(150,174,217)
```

Split Complementary Color

#d996cf
```
#d996cf rgb(217,150,207)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#96cfd9
```
#96cfd9 rgb(150,207,217)
```

Triadic Color

#d9a096
```
#d9a096 rgb(217,160,150)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#96cfd9
```
#96cfd9 rgb(150,207,217)
```
#a096d9
```
#a096d9 rgb(160,150,217)
```

Tetradic Color

#b5c55e
```
#b5c55e rgb(181,197,94)
```
#becb71
```
#becb71 rgb(190,203,113)
```
#c6d283
```
#c6d283 rgb(198,210,131)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#d8e0a9
```
#d8e0a9 rgb(216,224,169)
```
#e0e7bb
```
#e0e7bb rgb(224,231,187)
```
#e9edce
```
#e9edce rgb(233,237,206)
```

Monochromatic Color

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

#d9d296
```
#d9d296 rgb(217,210,150)
```
#d9d896
```
#d9d896 rgb(217,216,150)
```
#d5d996
```
#d5d996 rgb(213,217,150)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#c9d996
```
#c9d996 rgb(201,217,150)
```
#c4d996
```
#c4d996 rgb(196,217,150)
```
#bed996
```
#bed996 rgb(190,217,150)
```

Similar Colors

Text with hexadecimal color #cfd996

This text has a font color of #cfd996.

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

#cfd996 background color

This paragraph has a background color of #cfd996.

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

#cfd996 border color

This element has a border color of #cfd996.

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

CSS codes

.text {color:#cfd996;}

.background {background-color:#cfd996;}

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

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, #090a04 is the darkest color, while #fdfdfb is the lightest one.

#090a04
```
#090a04 rgb(9,10,4)
```
#161909
```
#161909 rgb(22,25,9)
```
#23270e
```
#23270e rgb(35,39,14)
```
#303513
```
#303513 rgb(48,53,19)
```
#3d4419
```
#3d4419 rgb(61,68,25)
```
#4a521e
```
#4a521e rgb(74,82,30)
```
#576123
```
#576123 rgb(87,97,35)
```
#646f28
```
#646f28 rgb(100,111,40)
```
#717d2d
```
#717d2d rgb(113,125,45)
```
#7f8c33
```
#7f8c33 rgb(127,140,51)
```
#8c9a38
```
#8c9a38 rgb(140,154,56)
```
#99a93d
```
#99a93d rgb(153,169,61)
```
#a6b742
```
#a6b742 rgb(166,183,66)
```

Shade Color Variation

#aebf4e
```
#aebf4e rgb(174,191,78)
```
#b5c45c
```
#b5c45c rgb(181,196,92)
```
#bbc96b
```
#bbc96b rgb(187,201,107)
```
#c2cf79
```
#c2cf79 rgb(194,207,121)
```
#c8d488
```
#c8d488 rgb(200,212,136)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#d6dea4
```
#d6dea4 rgb(214,222,164)
```
#dce3b3
```
#dce3b3 rgb(220,227,179)
```
#e3e9c1
```
#e3e9c1 rgb(227,233,193)
```
#e9eed0
```
#e9eed0 rgb(233,238,208)
```
#f0f3de
```
#f0f3de rgb(240,243,222)
```
#f7f8ec
```
#f7f8ec rgb(247,248,236)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#b8b8b7
```
#b8b8b7 rgb(184,184,183)
```
#bcbeb2
```
#bcbeb2 rgb(188,190,178)
```
#c0c3ac
```
#c0c3ac rgb(192,195,172)
```
#c3c9a7
```
#c3c9a7 rgb(195,201,167)
```
#c7cea1
```
#c7cea1 rgb(199,206,161)
```
#cbd49c
```
#cbd49c rgb(203,212,156)
```
#cfd996
```
#cfd996 rgb(207,217,150)
```
#d3df91
```
#d3df91 rgb(211,223,145)
```
#d7e48b
```
#d7e48b rgb(215,228,139)
```
#dbea86
```
#dbea86 rgb(219,234,134)
```
#deef80
```
#deef80 rgb(222,239,128)
```
#e2f57b
```
#e2f57b rgb(226,245,123)
```
#e6fa75
```
#e6fa75 rgb(230,250,117)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#ced0c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d599 Protanopia 1% of men
#facc9f Deuteranopia 1% of men
#dbd1e0 Tritanopia 0.001% of the population

Trichromacy

#ddd697 Protanomaly 1% of men, 0.01% of women
#ead19c Deuteranomaly 6% of men, 0.4% of women
#d7d4c5 Tritanomaly 0.01% of the population

#cfd996 hex color

#cfd996 Color Information

#cfd996 Color Conversion

Color Schemes with #cfd996

Alternatives to #cfd996

#cfd996 Preview

Shades and Tints of #cfd996

Tones of #cfd996

Color Blindness Simulator