#ccd350 hex color

In a RGB color space, hex #ccd350 is composed of 80% red, 82.7% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 62.1% yellow and 17.3% black. It has a hue angle of 63.2 degrees, a saturation of 59.8% and a lightness of 57.1%. #ccd350 color hex could be obtained by blending #ffffa0 with #99a700. Closest websafe color is: #cccc66.

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

● #ccd350 color description : Moderate yellow.

The hexadecimal color #ccd350 has RGB values of R:204, G:211, B:80 and CMYK values of C:0.03, M:0, Y:0.62, K:0.17. Its decimal value is 13423440.

Hex triplet	ccd350	`#ccd350`
RGB Decimal	204, 211, 80	`rgb(204,211,80)`
RGB Percent	80, 82.7, 31.4	`rgb(80%,82.7%,31.4%)`
CMYK	3, 0, 62, 17
HSL	63.2°, 59.8, 57.1	`hsl(63.2,59.8%,57.1%)`
HSV (or HSB)	63.2°, 62.1, 82.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.841, -19.063, 61.943
XYZ	49.644, 60.006, 16.556
xyY	0.393, 0.475, 60.006
CIE-LCH	81.841, 64.81, 107.106
CIE-LUV	81.841, 0.91, 76.646
Hunter-Lab	77.463, -21.166, 41.552
Binary	11001100, 11010011, 01010000

#ccd350
```
#ccd350 rgb(204,211,80)
```
#5750d3
```
#5750d3 rgb(87,80,211)
```

Complementary Color

#d39950
```
#d39950 rgb(211,153,80)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#8bd350
```
#8bd350 rgb(139,211,80)
```

Analogous Color

#9950d3
```
#9950d3 rgb(153,80,211)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#508bd3
```
#508bd3 rgb(80,139,211)
```

Split Complementary Color

#d350cc
```
#d350cc rgb(211,80,204)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#50ccd3
```
#50ccd3 rgb(80,204,211)
```

Triadic Color

#d35750
```
#d35750 rgb(211,87,80)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#50ccd3
```
#50ccd3 rgb(80,204,211)
```
#5750d3
```
#5750d3 rgb(87,80,211)
```

Tetradic Color

#a5ab2b
```
#a5ab2b rgb(165,171,43)
```
#b8c030
```
#b8c030 rgb(184,192,48)
```
#c6ce3c
```
#c6ce3c rgb(198,206,60)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#d2d864
```
#d2d864 rgb(210,216,100)
```
#d8dd79
```
#d8dd79 rgb(216,221,121)
```
#dee28d
```
#dee28d rgb(222,226,141)
```

Monochromatic Color

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

#d3b950
```
#d3b950 rgb(211,185,80)
```
#d3c450
```
#d3c450 rgb(211,196,80)
```
#d3cf50
```
#d3cf50 rgb(211,207,80)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#c1d350
```
#c1d350 rgb(193,211,80)
```
#b6d350
```
#b6d350 rgb(182,211,80)
```
#abd350
```
#abd350 rgb(171,211,80)
```

Similar Colors

Text with hexadecimal color #ccd350

This text has a font color of #ccd350.

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

#ccd350 background color

This paragraph has a background color of #ccd350.

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

#ccd350 border color

This element has a border color of #ccd350.

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

CSS codes

.text {color:#ccd350;}

.background {background-color:#ccd350;}

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

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, #0d0d03 is the darkest color, while #fefefc is the lightest one.

#0d0d03
```
#0d0d03 rgb(13,13,3)
```
#1c1d07
```
#1c1d07 rgb(28,29,7)
```
#2b2c0b
```
#2b2c0b rgb(43,44,11)
```
#3a3c0f
```
#3a3c0f rgb(58,60,15)
```
#494c13
```
#494c13 rgb(73,76,19)
```
#585b17
```
#585b17 rgb(88,91,23)
```
#676b1b
```
#676b1b rgb(103,107,27)
```
#767b1f
```
#767b1f rgb(118,123,31)
```
#858a23
```
#858a23 rgb(133,138,35)
```
#949a27
```
#949a27 rgb(148,154,39)
```
#a3aa2b
```
#a3aa2b rgb(163,170,43)
```
#b2ba2f
```
#b2ba2f rgb(178,186,47)
```
#c1c933
```
#c1c933 rgb(193,201,51)
```

Shade Color Variation

#c7cf40
```
#c7cf40 rgb(199,207,64)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#d1d760
```
#d1d760 rgb(209,215,96)
```
#d5db6f
```
#d5db6f rgb(213,219,111)
```
#dadf7f
```
#dadf7f rgb(218,223,127)
```
#dee38f
```
#dee38f rgb(222,227,143)
```
#e3e79e
```
#e3e79e rgb(227,231,158)
```
#e7ebae
```
#e7ebae rgb(231,235,174)
```
#ecefbe
```
#ecefbe rgb(236,239,190)
```
#f1f3cd
```
#f1f3cd rgb(241,243,205)
```
#f5f6dd
```
#f5f6dd rgb(245,246,221)
```
#fafaed
```
#fafaed rgb(250,250,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#97988b
```
#97988b rgb(151,152,139)
```
#9fa083
```
#9fa083 rgb(159,160,131)
```
#a6a97a
```
#a6a97a rgb(166,169,122)
```
#aeb172
```
#aeb172 rgb(174,177,114)
```
#b5ba69
```
#b5ba69 rgb(181,186,105)
```
#bdc261
```
#bdc261 rgb(189,194,97)
```
#c4cb58
```
#c4cb58 rgb(196,203,88)
```
#ccd350
```
#ccd350 rgb(204,211,80)
```
#d4db48
```
#d4db48 rgb(212,219,72)
```
#dbe43f
```
#dbe43f rgb(219,228,63)
```
#e3ec37
```
#e3ec37 rgb(227,236,55)
```
#eaf52e
```
#eaf52e rgb(234,245,46)
```
#f2fd26
```
#f2fd26 rgb(242,253,38)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c5ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4ce57 Protanopia 1% of men
#fdc45f Deuteranopia 1% of men
#dcc8d6 Tritanopia 0.001% of the population

Trichromacy

#dbd054 Protanomaly 1% of men, 0.01% of women
#ebc959 Deuteranomaly 6% of men, 0.4% of women
#d6cca5 Tritanomaly 0.01% of the population

#ccd350 hex color

#ccd350 Color Information

#ccd350 Color Conversion

Color Schemes with #ccd350

Alternatives to #ccd350

#ccd350 Preview

Shades and Tints of #ccd350

Tones of #ccd350

Color Blindness Simulator