#ccd069 hex color

In a RGB color space, hex #ccd069 is composed of 80% red, 81.6% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 49.5% yellow and 18.4% black. It has a hue angle of 62.3 degrees, a saturation of 52.3% and a lightness of 61.4%. #ccd069 color hex could be obtained by blending #ffffd2 with #99a100. Closest websafe color is: #cccc66.

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

● #ccd069 color description : Slightly desaturated yellow.

The hexadecimal color #ccd069 has RGB values of R:204, G:208, B:105 and CMYK values of C:0.02, M:0, Y:0.5, K:0.18. Its decimal value is 13422697.

Hex triplet	ccd069	`#ccd069`
RGB Decimal	204, 208, 105	`rgb(204,208,105)`
RGB Percent	80, 81.6, 41.2	`rgb(80%,81.6%,41.2%)`
CMYK	2, 0, 50, 18
HSL	62.3°, 52.3, 61.4	`hsl(62.3,52.3%,61.4%)`
HSV (or HSB)	62.3°, 49.5, 81.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	81.275, -15.642, 50.157
XYZ	50.007, 58.97, 22.112
xyY	0.381, 0.45, 58.97
CIE-LCH	81.275, 52.54, 107.32
CIE-LUV	81.275, 2.125, 65.423
Hunter-Lab	76.792, -18.145, 36.682
Binary	11001100, 11010000, 01101001

#ccd069
```
#ccd069 rgb(204,208,105)
```
#6d69d0
```
#6d69d0 rgb(109,105,208)
```

Complementary Color

#d0a169
```
#d0a169 rgb(208,161,105)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#99d069
```
#99d069 rgb(153,208,105)
```

Analogous Color

#a169d0
```
#a169d0 rgb(161,105,208)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#6999d0
```
#6999d0 rgb(105,153,208)
```

Split Complementary Color

#d069cc
```
#d069cc rgb(208,105,204)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#69ccd0
```
#69ccd0 rgb(105,204,208)
```

Triadic Color

#d06d69
```
#d06d69 rgb(208,109,105)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#69ccd0
```
#69ccd0 rgb(105,204,208)
```
#6d69d0
```
#6d69d0 rgb(109,105,208)
```

Tetradic Color

#afb438
```
#afb438 rgb(175,180,56)
```
#bfc442
```
#bfc442 rgb(191,196,66)
```
#c5ca56
```
#c5ca56 rgb(197,202,86)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#d3d67c
```
#d3d67c rgb(211,214,124)
```
#d9dc90
```
#d9dc90 rgb(217,220,144)
```
#e0e2a3
```
#e0e2a3 rgb(224,226,163)
```

Monochromatic Color

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

#d0ba69
```
#d0ba69 rgb(208,186,105)
```
#d0c369
```
#d0c369 rgb(208,195,105)
```
#d0cb69
```
#d0cb69 rgb(208,203,105)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#c3d069
```
#c3d069 rgb(195,208,105)
```
#bbd069
```
#bbd069 rgb(187,208,105)
```
#b2d069
```
#b2d069 rgb(178,208,105)
```

Similar Colors

Text with hexadecimal color #ccd069

This text has a font color of #ccd069.

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

#ccd069 background color

This paragraph has a background color of #ccd069.

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

#ccd069 border color

This element has a border color of #ccd069.

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

CSS codes

.text {color:#ccd069;}

.background {background-color:#ccd069;}

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

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

#0e0e04
```
#0e0e04 rgb(14,14,4)
```
#1c1d09
```
#1c1d09 rgb(28,29,9)
```
#2b2c0e
```
#2b2c0e rgb(43,44,14)
```
#3a3b13
```
#3a3b13 rgb(58,59,19)
```
#484a17
```
#484a17 rgb(72,74,23)
```
#57591c
```
#57591c rgb(87,89,28)
```
#656821
```
#656821 rgb(101,104,33)
```
#747725
```
#747725 rgb(116,119,37)
```
#82862a
```
#82862a rgb(130,134,42)
```
#91952f
```
#91952f rgb(145,149,47)
```
#9fa433
```
#9fa433 rgb(159,164,51)
```
#aeb338
```
#aeb338 rgb(174,179,56)
```
#bcc23d
```
#bcc23d rgb(188,194,61)
```

Shade Color Variation

#c2c74b
```
#c2c74b rgb(194,199,75)
```
#c7cb5a
```
#c7cb5a rgb(199,203,90)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#d1d578
```
#d1d578 rgb(209,213,120)
```
#d6d987
```
#d6d987 rgb(214,217,135)
```
#dbde96
```
#dbde96 rgb(219,222,150)
```
#e0e3a5
```
#e0e3a5 rgb(224,227,165)
```
#e5e7b4
```
#e5e7b4 rgb(229,231,180)
```
#eaecc3
```
#eaecc3 rgb(234,236,195)
```
#f0f1d2
```
#f0f1d2 rgb(240,241,210)
```
#f5f5e0
```
#f5f5e0 rgb(245,245,224)
```
#fafaef
```
#fafaef rgb(250,250,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#a2a396
```
#a2a396 rgb(162,163,150)
```
#a9aa8f
```
#a9aa8f rgb(169,170,143)
```
#b0b287
```
#b0b287 rgb(176,178,135)
```
#b7b980
```
#b7b980 rgb(183,185,128)
```
#bec178
```
#bec178 rgb(190,193,120)
```
#c5c871
```
#c5c871 rgb(197,200,113)
```
#ccd069
```
#ccd069 rgb(204,208,105)
```
#d3d861
```
#d3d861 rgb(211,216,97)
```
#dadf5a
```
#dadf5a rgb(218,223,90)
```
#e1e752
```
#e1e752 rgb(225,231,82)
```
#e8ee4b
```
#e8ee4b rgb(232,238,75)
```
#eff643
```
#eff643 rgb(239,246,67)
```
#f6fd3c
```
#f6fd3c rgb(246,253,60)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0cc6e Protanopia 1% of men
#f8c375 Deuteranopia 1% of men
#dac7d5 Tritanopia 0.001% of the population

Trichromacy

#d9cd6c Protanomaly 1% of men, 0.01% of women
#e8c871 Deuteranomaly 6% of men, 0.4% of women
#d5caad Tritanomaly 0.01% of the population

#ccd069 hex color

#ccd069 Color Information

#ccd069 Color Conversion

Color Schemes with #ccd069

Alternatives to #ccd069

#ccd069 Preview

Shades and Tints of #ccd069

Tones of #ccd069

Color Blindness Simulator