#cfd980 hex color

In a RGB color space, hex #cfd980 is composed of 81.2% red, 85.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 41% yellow and 14.9% black. It has a hue angle of 66.7 degrees, a saturation of 53.9% and a lightness of 67.6%. #cfd980 color hex could be obtained by blending #ffffff with #9fb301. Closest websafe color is: #cccc99.

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

● #cfd980 color description : Very soft yellow.

The hexadecimal color #cfd980 has RGB values of R:207, G:217, B:128 and CMYK values of C:0.05, M:0, Y:0.41, K:0.15. Its decimal value is 13621632.

Hex triplet	cfd980	`#cfd980`
RGB Decimal	207, 217, 128	`rgb(207,217,128)`
RGB Percent	81.2, 85.1, 50.2	`rgb(81.2%,85.1%,50.2%)`
CMYK	5, 0, 41, 15
HSL	66.7°, 53.9, 67.6	`hsl(66.7,53.9%,67.6%)`
HSV (or HSB)	66.7°, 41, 85.1
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.199, -16.655, 42.626
XYZ	54.441, 64.45, 29.993
xyY	0.366, 0.433, 64.45
CIE-LCH	84.199, 45.764, 111.342
CIE-LUV	84.199, -2.04, 58.759
Hunter-Lab	80.281, -19.445, 34.046
Binary	11001111, 11011001, 10000000

#cfd980
```
#cfd980 rgb(207,217,128)
```
#8a80d9
```
#8a80d9 rgb(138,128,217)
```

Complementary Color

#d9b780
```
#d9b780 rgb(217,183,128)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#a3d980
```
#a3d980 rgb(163,217,128)
```

Analogous Color

#b780d9
```
#b780d9 rgb(183,128,217)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#80a3d9
```
#80a3d9 rgb(128,163,217)
```

Split Complementary Color

#d980cf
```
#d980cf rgb(217,128,207)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#80cfd9
```
#80cfd9 rgb(128,207,217)
```

Triadic Color

#d98a80
```
#d98a80 rgb(217,138,128)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#80cfd9
```
#80cfd9 rgb(128,207,217)
```
#8a80d9
```
#8a80d9 rgb(138,128,217)
```

Tetradic Color

#b9c745
```
#b9c745 rgb(185,199,69)
```
#c0cd59
```
#c0cd59 rgb(192,205,89)
```
#c8d36c
```
#c8d36c rgb(200,211,108)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#d6df94
```
#d6df94 rgb(214,223,148)
```
#dee5a7
```
#dee5a7 rgb(222,229,167)
```
#e5ebbb
```
#e5ebbb rgb(229,235,187)
```

Monochromatic Color

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

#d9cd80
```
#d9cd80 rgb(217,205,128)
```
#d9d480
```
#d9d480 rgb(217,212,128)
```
#d6d980
```
#d6d980 rgb(214,217,128)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#c8d980
```
#c8d980 rgb(200,217,128)
```
#c0d980
```
#c0d980 rgb(192,217,128)
```
#b9d980
```
#b9d980 rgb(185,217,128)
```

Similar Colors

Text with hexadecimal color #cfd980

This text has a font color of #cfd980.

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

#cfd980 background color

This paragraph has a background color of #cfd980.

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

#cfd980 border color

This element has a border color of #cfd980.

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

CSS codes

.text {color:#cfd980;}

.background {background-color:#cfd980;}

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

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

#080903
```
#080903 rgb(8,9,3)
```
#161807
```
#161807 rgb(22,24,7)
```
#24270c
```
#24270c rgb(36,39,12)
```
#323610
```
#323610 rgb(50,54,16)
```
#404515
```
#404515 rgb(64,69,21)
```
#4e5419
```
#4e5419 rgb(78,84,25)
```
#5c631e
```
#5c631e rgb(92,99,30)
```
#6a7322
```
#6a7322 rgb(106,115,34)
```
#778227
```
#778227 rgb(119,130,39)
```
#85912b
```
#85912b rgb(133,145,43)
```
#93a030
```
#93a030 rgb(147,160,48)
```
#a1af34
```
#a1af34 rgb(161,175,52)
```
#afbe39
```
#afbe39 rgb(175,190,57)
```

Shade Color Variation

#b8c744
```
#b8c744 rgb(184,199,68)
```
#becb53
```
#becb53 rgb(190,203,83)
```
#c4d062
```
#c4d062 rgb(196,208,98)
```
#c9d471
```
#c9d471 rgb(201,212,113)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#d5de8f
```
#d5de8f rgb(213,222,143)
```
#dae29e
```
#dae29e rgb(218,226,158)
```
#e0e7ad
```
#e0e7ad rgb(224,231,173)
```
#e6ebbc
```
#e6ebbc rgb(230,235,188)
```
#ecf0cb
```
#ecf0cb rgb(236,240,203)
```
#f1f4db
```
#f1f4db rgb(241,244,219)
```
#f7f9ea
```
#f7f9ea rgb(247,249,234)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#adadac
```
#adadac rgb(173,173,172)
```
#b1b3a6
```
#b1b3a6 rgb(177,179,166)
```
#b6b9a0
```
#b6b9a0 rgb(182,185,160)
```
#bbc099
```
#bbc099 rgb(187,192,153)
```
#c0c693
```
#c0c693 rgb(192,198,147)
```
#c5cc8d
```
#c5cc8d rgb(197,204,141)
```
#cad386
```
#cad386 rgb(202,211,134)
```
#cfd980
```
#cfd980 rgb(207,217,128)
```
#d4df7a
```
#d4df7a rgb(212,223,122)
```
#d9e673
```
#d9e673 rgb(217,230,115)
```
#deec6d
```
#deec6d rgb(222,236,109)
```
#e3f267
```
#e3f267 rgb(227,242,103)
```
#e8f960
```
#e8f960 rgb(232,249,96)
```

Tone Color Variation

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

Dichromacy

#e7d484 Protanopia 1% of men
#fecb8b Deuteranopia 1% of men
#ddd0df Tritanopia 0.001% of the population

Trichromacy

#ded682 Protanomaly 1% of men, 0.01% of women
#edd087 Deuteranomaly 6% of men, 0.4% of women
#d8d3bc Tritanomaly 0.01% of the population

#cfd980 hex color

#cfd980 Color Information

#cfd980 Color Conversion

Color Schemes with #cfd980

Alternatives to #cfd980

#cfd980 Preview

Shades and Tints of #cfd980

Tones of #cfd980

Color Blindness Simulator