#ccd14f hex color

In a RGB color space, hex #ccd14f is composed of 80% red, 82% green and 31% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 62.2% yellow and 18% black. It has a hue angle of 62.3 degrees, a saturation of 58.6% and a lightness of 56.5%. #ccd14f color hex could be obtained by blending #ffff9e with #99a300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 80
- G 82
- B 31
RGB color chart
- C 2
- M 0
- Y 62
- K 18
CMYK color chart

● #ccd14f color description : Moderate yellow.

The hexadecimal color #ccd14f has RGB values of R:204, G:209, B:79 and CMYK values of C:0.02, M:0, Y:0.62, K:0.18. Its decimal value is 13422927.

Hex triplet	ccd14f	`#ccd14f`
RGB Decimal	204, 209, 79	`rgb(204,209,79)`
RGB Percent	80, 82, 31	`rgb(80%,82%,31%)`
CMYK	2, 0, 62, 18
HSL	62.3°, 58.6, 56.5	`hsl(62.3,58.6%,56.5%)`
HSV (or HSB)	62.3°, 62.2, 82
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.293, -18.141, 61.773
XYZ	49.113, 59.003, 16.198
xyY	0.395, 0.475, 59.003
CIE-LCH	81.293, 64.382, 106.366
CIE-LUV	81.293, 2.177, 76.101
Hunter-Lab	76.814, -20.294, 41.267
Binary	11001100, 11010001, 01001111

#ccd14f
```
#ccd14f rgb(204,209,79)
```
#544fd1
```
#544fd1 rgb(84,79,209)
```

Complementary Color

#d1954f
```
#d1954f rgb(209,149,79)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#8bd14f
```
#8bd14f rgb(139,209,79)
```

Analogous Color

#954fd1
```
#954fd1 rgb(149,79,209)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#4f8bd1
```
#4f8bd1 rgb(79,139,209)
```

Split Complementary Color

#d14fcc
```
#d14fcc rgb(209,79,204)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#4fccd1
```
#4fccd1 rgb(79,204,209)
```

Triadic Color

#d1544f
```
#d1544f rgb(209,84,79)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#4fccd1
```
#4fccd1 rgb(79,204,209)
```
#544fd1
```
#544fd1 rgb(84,79,209)
```

Tetradic Color

#a3a82c
```
#a3a82c rgb(163,168,44)
```
#b7bc31
```
#b7bc31 rgb(183,188,49)
```
#c6cc3b
```
#c6cc3b rgb(198,204,59)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#d2d663
```
#d2d663 rgb(210,214,99)
```
#d8dc77
```
#d8dc77 rgb(216,220,119)
```
#dee18c
```
#dee18c rgb(222,225,140)
```

Monochromatic Color

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

#d1b64f
```
#d1b64f rgb(209,182,79)
```
#d1c04f
```
#d1c04f rgb(209,192,79)
```
#d1cb4f
```
#d1cb4f rgb(209,203,79)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#c1d14f
```
#c1d14f rgb(193,209,79)
```
#b6d14f
```
#b6d14f rgb(182,209,79)
```
#acd14f
```
#acd14f rgb(172,209,79)
```

Similar Colors

Text with hexadecimal color #ccd14f

This text has a font color of #ccd14f.

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

#ccd14f background color

This paragraph has a background color of #ccd14f.

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

#ccd14f border color

This element has a border color of #ccd14f.

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

CSS codes

.text {color:#ccd14f;}

.background {background-color:#ccd14f;}

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

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

#0a0b03
```
#0a0b03 rgb(10,11,3)
```
#191a07
```
#191a07 rgb(25,26,7)
```
#292a0b
```
#292a0b rgb(41,42,11)
```
#38390f
```
#38390f rgb(56,57,15)
```
#474913
```
#474913 rgb(71,73,19)
```
#565817
```
#565817 rgb(86,88,23)
```
#65681b
```
#65681b rgb(101,104,27)
```
#74771f
```
#74771f rgb(116,119,31)
```
#838723
```
#838723 rgb(131,135,35)
```
#929727
```
#929727 rgb(146,151,39)
```
#a1a62b
```
#a1a62b rgb(161,166,43)
```
#b1b62f
```
#b1b62f rgb(177,182,47)
```
#c0c534
```
#c0c534 rgb(192,197,52)
```

Shade Color Variation

#c7cd3f
```
#c7cd3f rgb(199,205,63)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#d1d55f
```
#d1d55f rgb(209,213,95)
```
#d5d96e
```
#d5d96e rgb(213,217,110)
```
#dadd7e
```
#dadd7e rgb(218,221,126)
```
#dee18d
```
#dee18d rgb(222,225,141)
```
#e3e59d
```
#e3e59d rgb(227,229,157)
```
#e7e9ac
```
#e7e9ac rgb(231,233,172)
```
#ecedbc
```
#ecedbc rgb(236,237,188)
```
#f0f2cb
```
#f0f2cb rgb(240,242,203)
```
#f5f6db
```
#f5f6db rgb(245,246,219)
```
#f9faeb
```
#f9faeb rgb(249,250,235)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#95958b
```
#95958b rgb(149,149,139)
```
#9d9e82
```
#9d9e82 rgb(157,158,130)
```
#a5a67a
```
#a5a67a rgb(165,166,122)
```
#acaf71
```
#acaf71 rgb(172,175,113)
```
#b4b769
```
#b4b769 rgb(180,183,105)
```
#bcc060
```
#bcc060 rgb(188,192,96)
```
#c4c858
```
#c4c858 rgb(196,200,88)
```
#ccd14f
```
#ccd14f rgb(204,209,79)
```
#d4da46
```
#d4da46 rgb(212,218,70)
```
#dce23e
```
#dce23e rgb(220,226,62)
```
#e4eb35
```
#e4eb35 rgb(228,235,53)
```
#ecf32d
```
#ecf32d rgb(236,243,45)
```
#f3fc24
```
#f3fc24 rgb(243,252,36)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c3c4aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cc56 Protanopia 1% of men
#fbc35e Deuteranopia 1% of men
#dcc6d4 Tritanopia 0.001% of the population

Trichromacy

#dace53 Protanomaly 1% of men, 0.01% of women
#eac858 Deuteranomaly 6% of men, 0.4% of women
#d6caa4 Tritanomaly 0.01% of the population

#ccd14f hex color

#ccd14f Color Information

#ccd14f Color Conversion

Color Schemes with #ccd14f

Alternatives to #ccd14f

#ccd14f Preview

Shades and Tints of #ccd14f

Tones of #ccd14f

Color Blindness Simulator