#ccd622 hex color

In a RGB color space, hex #ccd622 is composed of 80% red, 83.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 84.1% yellow and 16.1% black. It has a hue angle of 63.3 degrees, a saturation of 72.6% and a lightness of 48.6%. #ccd622 color hex could be obtained by blending #ffff44 with #99ad00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 80
- G 84
- B 13
RGB color chart
- C 5
- M 0
- Y 84
- K 16
CMYK color chart

● #ccd622 color description : Strong yellow.

The hexadecimal color #ccd622 has RGB values of R:204, G:214, B:34 and CMYK values of C:0.05, M:0, Y:0.84, K:0.16. Its decimal value is 13424162.

Hex triplet	ccd622	`#ccd622`
RGB Decimal	204, 214, 34	`rgb(204,214,34)`
RGB Percent	80, 83.9, 13.3	`rgb(80%,83.9%,13.3%)`
CMYK	5, 0, 84, 16
HSL	63.3°, 72.6, 48.6	`hsl(63.3,72.6%,48.6%)`
HSV (or HSB)	63.3°, 84.1, 83.9
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.404, -22.59, 77.36
XYZ	49.237, 61.047, 10.703
xyY	0.407, 0.505, 61.047
CIE-LCH	82.404, 80.591, 106.278
CIE-LUV	82.404, -0.329, 88.605
Hunter-Lab	78.132, -24.245, 46.571
Binary	11001100, 11010110, 00100010

#ccd622
```
#ccd622 rgb(204,214,34)
```
#2c22d6
```
#2c22d6 rgb(44,34,214)
```

Complementary Color

#d68622
```
#d68622 rgb(214,134,34)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#72d622
```
#72d622 rgb(114,214,34)
```

Analogous Color

#8622d6
```
#8622d6 rgb(134,34,214)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#2272d6
```
#2272d6 rgb(34,114,214)
```

Split Complementary Color

#d622cc
```
#d622cc rgb(214,34,204)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#22ccd6
```
#22ccd6 rgb(34,204,214)
```

Triadic Color

#d62c22
```
#d62c22 rgb(214,44,34)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#22ccd6
```
#22ccd6 rgb(34,204,214)
```
#2c22d6
```
#2c22d6 rgb(44,34,214)
```

Tetradic Color

#8d9418
```
#8d9418 rgb(141,148,24)
```
#a2aa1b
```
#a2aa1b rgb(162,170,27)
```
#b7c01f
```
#b7c01f rgb(183,192,31)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#d5df33
```
#d5df33 rgb(213,223,51)
```
#dae249
```
#dae249 rgb(218,226,73)
```
#dee65f
```
#dee65f rgb(222,230,95)
```

Monochromatic Color

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

#d6b322
```
#d6b322 rgb(214,179,34)
```
#d6c222
```
#d6c222 rgb(214,194,34)
```
#d6d122
```
#d6d122 rgb(214,209,34)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#bdd622
```
#bdd622 rgb(189,214,34)
```
#aed622
```
#aed622 rgb(174,214,34)
```
#9fd622
```
#9fd622 rgb(159,214,34)
```

Similar Colors

Text with hexadecimal color #ccd622

This text has a font color of #ccd622.

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

#ccd622 background color

This paragraph has a background color of #ccd622.

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

#ccd622 border color

This element has a border color of #ccd622.

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

CSS codes

.text {color:#ccd622;}

.background {background-color:#ccd622;}

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

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

#0a0b02
```
#0a0b02 rgb(10,11,2)
```
#1b1c04
```
#1b1c04 rgb(27,28,4)
```
#2b2d07
```
#2b2d07 rgb(43,45,7)
```
#3b3e0a
```
#3b3e0a rgb(59,62,10)
```
#4b4f0c
```
#4b4f0c rgb(75,79,12)
```
#5b600f
```
#5b600f rgb(91,96,15)
```
#6b7012
```
#6b7012 rgb(107,112,18)
```
#7b8115
```
#7b8115 rgb(123,129,21)
```
#8b9217
```
#8b9217 rgb(139,146,23)
```
#9ca31a
```
#9ca31a rgb(156,163,26)
```
#acb41d
```
#acb41d rgb(172,180,29)
```
#bcc51f
```
#bcc51f rgb(188,197,31)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```

Shade Color Variation

#d4de2e
```
#d4de2e rgb(212,222,46)
```
#d7e03f
```
#d7e03f rgb(215,224,63)
```
#dbe350
```
#dbe350 rgb(219,227,80)
```
#dee661
```
#dee661 rgb(222,230,97)
```
#e2e972
```
#e2e972 rgb(226,233,114)
```
#e5eb82
```
#e5eb82 rgb(229,235,130)
```
#e9ee93
```
#e9ee93 rgb(233,238,147)
```
#ecf1a4
```
#ecf1a4 rgb(236,241,164)
```
#f0f3b5
```
#f0f3b5 rgb(240,243,181)
```
#f3f6c6
```
#f3f6c6 rgb(243,246,198)
```
#f7f9d7
```
#f7f9d7 rgb(247,249,215)
```
#fafbe8
```
#fafbe8 rgb(250,251,232)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#808078
```
#808078 rgb(128,128,120)
```
#888a6e
```
#888a6e rgb(136,138,110)
```
#919365
```
#919365 rgb(145,147,101)
```
#999d5b
```
#999d5b rgb(153,157,91)
```
#a2a652
```
#a2a652 rgb(162,166,82)
```
#aab048
```
#aab048 rgb(170,176,72)
```
#b3b93f
```
#b3b93f rgb(179,185,63)
```
#bbc335
```
#bbc335 rgb(187,195,53)
```
#c4cc2c
```
#c4cc2c rgb(196,204,44)
```
#ccd622
```
#ccd622 rgb(204,214,34)
```
#d4e018
```
#d4e018 rgb(212,224,24)
```
#dde90f
```
#dde90f rgb(221,233,15)
```
#e5f305
```
#e5f305 rgb(229,243,5)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c1c39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d02b Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#dec9d8 Tritanopia 0.001% of the population

Trichromacy

#ded227 Protanomaly 1% of men, 0.01% of women
#eccc43 Deuteranomaly 6% of men, 0.4% of women
#d7ce96 Tritanomaly 0.01% of the population

#ccd622 hex color

#ccd622 Color Information

#ccd622 Color Conversion

Color Schemes with #ccd622

Alternatives to #ccd622

#ccd622 Preview

Shades and Tints of #ccd622

Tones of #ccd622

Color Blindness Simulator