#ccd374 hex color

In a RGB color space, hex #ccd374 is composed of 80% red, 82.7% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 45% yellow and 17.3% black. It has a hue angle of 64.4 degrees, a saturation of 51.9% and a lightness of 64.1%. #ccd374 color hex could be obtained by blending #ffffe8 with #99a700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 83
- B 45
RGB color chart
- C 3
- M 0
- Y 45
- K 17
CMYK color chart

● #ccd374 color description : Slightly desaturated yellow.

The hexadecimal color #ccd374 has RGB values of R:204, G:211, B:116 and CMYK values of C:0.03, M:0, Y:0.45, K:0.17. Its decimal value is 13423476.

Hex triplet	ccd374	`#ccd374`
RGB Decimal	204, 211, 116	`rgb(204,211,116)`
RGB Percent	80, 82.7, 45.5	`rgb(80%,82.7%,45.5%)`
CMYK	3, 0, 45, 17
HSL	64.4°, 51.9, 64.1	`hsl(64.4,51.9%,64.1%)`
HSV (or HSB)	64.4°, 45, 82.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	82.21, -16.098, 45.999
XYZ	51.348, 60.687, 25.531
xyY	0.373, 0.441, 60.687
CIE-LCH	82.21, 48.735, 109.288
CIE-LUV	82.21, -0.016, 61.695
Hunter-Lab	77.902, -18.673, 35.1
Binary	11001100, 11010011, 01110100

#ccd374
```
#ccd374 rgb(204,211,116)
```
#7b74d3
```
#7b74d3 rgb(123,116,211)
```

Complementary Color

#d3ab74
```
#d3ab74 rgb(211,171,116)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#9dd374
```
#9dd374 rgb(157,211,116)
```

Analogous Color

#ab74d3
```
#ab74d3 rgb(171,116,211)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#749dd3
```
#749dd3 rgb(116,157,211)
```

Split Complementary Color

#d374cc
```
#d374cc rgb(211,116,204)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#74ccd3
```
#74ccd3 rgb(116,204,211)
```

Triadic Color

#d37b74
```
#d37b74 rgb(211,123,116)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#74ccd3
```
#74ccd3 rgb(116,204,211)
```
#7b74d3
```
#7b74d3 rgb(123,116,211)
```

Tetradic Color

#b5be3c
```
#b5be3c rgb(181,190,60)
```
#bec74d
```
#bec74d rgb(190,199,77)
```
#c5cd61
```
#c5cd61 rgb(197,205,97)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#d3d987
```
#d3d987 rgb(211,217,135)
```
#dadf9b
```
#dadf9b rgb(218,223,155)
```
#e1e5ae
```
#e1e5ae rgb(225,229,174)
```

Monochromatic Color

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

#d3c274
```
#d3c274 rgb(211,194,116)
```
#d3ca74
```
#d3ca74 rgb(211,202,116)
```
#d3d274
```
#d3d274 rgb(211,210,116)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#c4d374
```
#c4d374 rgb(196,211,116)
```
#bcd374
```
#bcd374 rgb(188,211,116)
```
#b4d374
```
#b4d374 rgb(180,211,116)
```

Similar Colors

Text with hexadecimal color #ccd374

This text has a font color of #ccd374.

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

#ccd374 background color

This paragraph has a background color of #ccd374.

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

#ccd374 border color

This element has a border color of #ccd374.

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

CSS codes

.text {color:#ccd374;}

.background {background-color:#ccd374;}

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

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

#090a03
```
#090a03 rgb(9,10,3)
```
#181908
```
#181908 rgb(24,25,8)
```
#26280d
```
#26280d rgb(38,40,13)
```
#343711
```
#343711 rgb(52,55,17)
```
#424616
```
#424616 rgb(66,70,22)
```
#50541b
```
#50541b rgb(80,84,27)
```
#5e631f
```
#5e631f rgb(94,99,31)
```
#6d7224
```
#6d7224 rgb(109,114,36)
```
#7b8129
```
#7b8129 rgb(123,129,41)
```
#89902e
```
#89902e rgb(137,144,46)
```
#979f32
```
#979f32 rgb(151,159,50)
```
#a5ae37
```
#a5ae37 rgb(165,174,55)
```
#b3bd3c
```
#b3bd3c rgb(179,189,60)
```

Shade Color Variation

#bcc547
```
#bcc547 rgb(188,197,71)
```
#c1ca56
```
#c1ca56 rgb(193,202,86)
```
#c7ce65
```
#c7ce65 rgb(199,206,101)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#d1d883
```
#d1d883 rgb(209,216,131)
```
#d7dc92
```
#d7dc92 rgb(215,220,146)
```
#dce1a1
```
#dce1a1 rgb(220,225,161)
```
#e2e6b0
```
#e2e6b0 rgb(226,230,176)
```
#e7ebbe
```
#e7ebbe rgb(231,235,190)
```
#edefcd
```
#edefcd rgb(237,239,205)
```
#f2f4dc
```
#f2f4dc rgb(242,244,220)
```
#f8f9eb
```
#f8f9eb rgb(248,249,235)
```
#fdfdfa
```
#fdfdfa rgb(253,253,250)
```

Tint Color Variation

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

#a8a99e
```
#a8a99e rgb(168,169,158)
```
#aeb097
```
#aeb097 rgb(174,176,151)
```
#b4b790
```
#b4b790 rgb(180,183,144)
```
#babe89
```
#babe89 rgb(186,190,137)
```
#c0c582
```
#c0c582 rgb(192,197,130)
```
#c6cc7b
```
#c6cc7b rgb(198,204,123)
```
#ccd374
```
#ccd374 rgb(204,211,116)
```
#d2da6d
```
#d2da6d rgb(210,218,109)
```
#d8e166
```
#d8e166 rgb(216,225,102)
```
#dee85f
```
#dee85f rgb(222,232,95)
```
#e4ef58
```
#e4ef58 rgb(228,239,88)
```
#eaf651
```
#eaf651 rgb(234,246,81)
```
#f0fd4a
```
#f0fd4a rgb(240,253,74)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c9b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cf79 Protanopia 1% of men
#f9c680 Deuteranopia 1% of men
#dacad8 Tritanopia 0.001% of the population

Trichromacy

#dad077 Protanomaly 1% of men, 0.01% of women
#e8ca7b Deuteranomaly 6% of men, 0.4% of women
#d5cdb4 Tritanomaly 0.01% of the population

#ccd374 hex color

#ccd374 Color Information

#ccd374 Color Conversion

Color Schemes with #ccd374

Alternatives to #ccd374

#ccd374 Preview

Shades and Tints of #ccd374

Tones of #ccd374

Color Blindness Simulator