#ccd101 hex color

In a RGB color space, hex #ccd101 is composed of 80% red, 82% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 99.5% yellow and 18% black. It has a hue angle of 61.4 degrees, a saturation of 99% and a lightness of 41.2%. #ccd101 color hex could be obtained by blending #ffff02 with #99a300. Closest websafe color is: #cccc00.

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

● #ccd101 color description : Strong yellow.

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

Hex triplet	ccd101	`#ccd101`
RGB Decimal	204, 209, 1	`rgb(204,209,1)`
RGB Percent	80, 82, 0.4	`rgb(80%,82%,0.4%)`
CMYK	2, 0, 100, 18
HSL	61.4°, 99, 41.2	`hsl(61.4,99%,41.2%)`
HSV (or HSB)	61.4°, 99.5, 82
Web Safe	cccc00	`#cccc00`

CIE-LAB	80.983, -20.669, 80.755
XYZ	47.708, 58.441, 8.796
xyY	0.415, 0.508, 58.441
CIE-LCH	80.983, 83.358, 104.357
CIE-LUV	80.983, 3.037, 89.383
Hunter-Lab	76.447, -22.386, 46.691
Binary	11001100, 11010001, 00000001

#ccd101
```
#ccd101 rgb(204,209,1)
```
#0601d1
```
#0601d1 rgb(6,1,209)
```

Complementary Color

#d16e01
```
#d16e01 rgb(209,110,1)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#64d101
```
#64d101 rgb(100,209,1)
```

Analogous Color

#6e01d1
```
#6e01d1 rgb(110,1,209)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#0164d1
```
#0164d1 rgb(1,100,209)
```

Split Complementary Color

#d101cc
```
#d101cc rgb(209,1,204)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```

Triadic Color

#d10601
```
#d10601 rgb(209,6,1)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#01ccd1
```
#01ccd1 rgb(1,204,209)
```
#0601d1
```
#0601d1 rgb(6,1,209)
```

Tetradic Color

#828501
```
#828501 rgb(130,133,1)
```
#9a9e01
```
#9a9e01 rgb(154,158,1)
```
#b3b801
```
#b3b801 rgb(179,184,1)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#e5ea01
```
#e5ea01 rgb(229,234,1)
```
#f8fe07
```
#f8fe07 rgb(248,254,7)
```
#f9fe21
```
#f9fe21 rgb(249,254,33)
```

Monochromatic Color

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

#d1a201
```
#d1a201 rgb(209,162,1)
```
#d1b301
```
#d1b301 rgb(209,179,1)
```
#d1c501
```
#d1c501 rgb(209,197,1)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#bbd101
```
#bbd101 rgb(187,209,1)
```
#a9d101
```
#a9d101 rgb(169,209,1)
```
#98d101
```
#98d101 rgb(152,209,1)
```

Similar Colors

Text with hexadecimal color #ccd101

This text has a font color of #ccd101.

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

#ccd101 background color

This paragraph has a background color of #ccd101.

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

#ccd101 border color

This element has a border color of #ccd101.

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

CSS codes

.text {color:#ccd101;}

.background {background-color:#ccd101;}

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

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

#0d0e00
```
#0d0e00 rgb(13,14,0)
```
#212100
```
#212100 rgb(33,33,0)
```
#343500
```
#343500 rgb(52,53,0)
```
#474800
```
#474800 rgb(71,72,0)
```
#5a5c00
```
#5a5c00 rgb(90,92,0)
```
#6d6f01
```
#6d6f01 rgb(109,111,1)
```
#808301
```
#808301 rgb(128,131,1)
```
#939601
```
#939601 rgb(147,150,1)
```
#a6aa01
```
#a6aa01 rgb(166,170,1)
```
#b9bd01
```
#b9bd01 rgb(185,189,1)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```
#dfe501
```
#dfe501 rgb(223,229,1)
```
#f2f801
```
#f2f801 rgb(242,248,1)
```

Shade Color Variation

#f8fe0f
```
#f8fe0f rgb(248,254,15)
```
#f9fe23
```
#f9fe23 rgb(249,254,35)
```
#f9fe36
```
#f9fe36 rgb(249,254,54)
```
#fafe4a
```
#fafe4a rgb(250,254,74)
```
#fafe5d
```
#fafe5d rgb(250,254,93)
```
#fbfe71
```
#fbfe71 rgb(251,254,113)
```
#fbfe84
```
#fbfe84 rgb(251,254,132)
```
#fcff98
```
#fcff98 rgb(252,255,152)
```
#fdffab
```
#fdffab rgb(253,255,171)
```
#fdffbf
```
#fdffbf rgb(253,255,191)
```
#feffd2
```
#feffd2 rgb(254,255,210)
```
#feffe6
```
#feffe6 rgb(254,255,230)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#707062
```
#707062 rgb(112,112,98)
```
#77785a
```
#77785a rgb(119,120,90)
```
#7f8052
```
#7f8052 rgb(127,128,82)
```
#87884a
```
#87884a rgb(135,136,74)
```
#8e9042
```
#8e9042 rgb(142,144,66)
```
#96983a
```
#96983a rgb(150,152,58)
```
#9ea131
```
#9ea131 rgb(158,161,49)
```
#a6a929
```
#a6a929 rgb(166,169,41)
```
#adb121
```
#adb121 rgb(173,177,33)
```
#b5b919
```
#b5b919 rgb(181,185,25)
```
#bdc111
```
#bdc111 rgb(189,193,17)
```
#c4c909
```
#c4c909 rgb(196,201,9)
```
#ccd101
```
#ccd101 rgb(204,209,1)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#bcbd93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc00 Protanopia 1% of men
#fec227 Deuteranopia 1% of men
#ddc5d3 Tritanopia 0.001% of the population

Trichromacy

#dbce00 Protanomaly 1% of men, 0.01% of women
#ecc719 Deuteranomaly 6% of men, 0.4% of women
#d7c986 Tritanomaly 0.01% of the population

#ccd101 hex color

#ccd101 Color Information

#ccd101 Color Conversion

Color Schemes with #ccd101

Alternatives to #ccd101

#ccd101 Preview

Shades and Tints of #ccd101

Tones of #ccd101

Color Blindness Simulator