#ccd01f hex color

In a RGB color space, hex #ccd01f is composed of 80% red, 81.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 1.9% cyan, 0% magenta, 85.1% yellow and 18.4% black. It has a hue angle of 61.4 degrees, a saturation of 74.1% and a lightness of 46.9%. #ccd01f color hex could be obtained by blending #ffff3e with #99a100. Closest websafe color is: #cccc33.

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

● #ccd01f color description : Strong yellow.

The hexadecimal color #ccd01f has RGB values of R:204, G:208, B:31 and CMYK values of C:0.02, M:0, Y:0.85, K:0.18. Its decimal value is 13422623.

Hex triplet	ccd01f	`#ccd01f`
RGB Decimal	204, 208, 31	`rgb(204,208,31)`
RGB Percent	80, 81.6, 12.2	`rgb(80%,81.6%,12.2%)`
CMYK	2, 0, 85, 18
HSL	61.4°, 74.1, 46.9	`hsl(61.4,74.1%,46.9%)`
HSV (or HSB)	61.4°, 85.1, 81.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.766, -19.739, 76.639
XYZ	47.705, 58.049, 9.988
xyY	0.412, 0.502, 58.049
CIE-LCH	80.766, 79.14, 104.443
CIE-LUV	80.766, 3.531, 86.65
Hunter-Lab	76.19, -21.567, 45.56
Binary	11001100, 11010000, 00011111

#ccd01f
```
#ccd01f rgb(204,208,31)
```
#231fd0
```
#231fd0 rgb(35,31,208)
```

Complementary Color

#d07c1f
```
#d07c1f rgb(208,124,31)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#74d01f
```
#74d01f rgb(116,208,31)
```

Analogous Color

#7c1fd0
```
#7c1fd0 rgb(124,31,208)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#1f74d0
```
#1f74d0 rgb(31,116,208)
```

Split Complementary Color

#d01fcc
```
#d01fcc rgb(208,31,204)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#1fccd0
```
#1fccd0 rgb(31,204,208)
```

Triadic Color

#d0231f
```
#d0231f rgb(208,35,31)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#1fccd0
```
#1fccd0 rgb(31,204,208)
```
#231fd0
```
#231fd0 rgb(35,31,208)
```

Tetradic Color

#8b8d15
```
#8b8d15 rgb(139,141,21)
```
#a0a418
```
#a0a418 rgb(160,164,24)
```
#b6ba1c
```
#b6ba1c rgb(182,186,28)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#dbdf29
```
#dbdf29 rgb(219,223,41)
```
#dfe240
```
#dfe240 rgb(223,226,64)
```
#e3e656
```
#e3e656 rgb(227,230,86)
```

Monochromatic Color

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

#d0a81f
```
#d0a81f rgb(208,168,31)
```
#d0b71f
```
#d0b71f rgb(208,183,31)
```
#d0c51f
```
#d0c51f rgb(208,197,31)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#bdd01f
```
#bdd01f rgb(189,208,31)
```
#afd01f
```
#afd01f rgb(175,208,31)
```
#a0d01f
```
#a0d01f rgb(160,208,31)
```

Similar Colors

Text with hexadecimal color #ccd01f

This text has a font color of #ccd01f.

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

#ccd01f background color

This paragraph has a background color of #ccd01f.

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

#ccd01f border color

This element has a border color of #ccd01f.

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

CSS codes

.text {color:#ccd01f;}

.background {background-color:#ccd01f;}

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

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, #030300 is the darkest color, while #fdfdf1 is the lightest one.

#030300
```
#030300 rgb(3,3,0)
```
#141403
```
#141403 rgb(20,20,3)
```
#252506
```
#252506 rgb(37,37,6)
```
#353608
```
#353608 rgb(53,54,8)
```
#46470b
```
#46470b rgb(70,71,11)
```
#57590d
```
#57590d rgb(87,89,13)
```
#686a10
```
#686a10 rgb(104,106,16)
```
#787b12
```
#787b12 rgb(120,123,18)
```
#898c15
```
#898c15 rgb(137,140,21)
```
#9a9d17
```
#9a9d17 rgb(154,157,23)
```
#abae1a
```
#abae1a rgb(171,174,26)
```
#bbbf1c
```
#bbbf1c rgb(187,191,28)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```

Shade Color Variation

#dade24
```
#dade24 rgb(218,222,36)
```
#dde135
```
#dde135 rgb(221,225,53)
```
#e0e346
```
#e0e346 rgb(224,227,70)
```
#e3e657
```
#e3e657 rgb(227,230,87)
```
#e6e969
```
#e6e969 rgb(230,233,105)
```
#e9eb7a
```
#e9eb7a rgb(233,235,122)
```
#ebee8b
```
#ebee8b rgb(235,238,139)
```
#eef09c
```
#eef09c rgb(238,240,156)
```
#f1f3ad
```
#f1f3ad rgb(241,243,173)
```
#f4f5be
```
#f4f5be rgb(244,245,190)
```
#f7f8cf
```
#f7f8cf rgb(247,248,207)
```
#fafae0
```
#fafae0 rgb(250,250,224)
```
#fdfdf1
```
#fdfdf1 rgb(253,253,241)
```

Tint Color Variation

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

#7d7d72
```
#7d7d72 rgb(125,125,114)
```
#868669
```
#868669 rgb(134,134,105)
```
#8f905f
```
#8f905f rgb(143,144,95)
```
#979956
```
#979956 rgb(151,153,86)
```
#a0a24d
```
#a0a24d rgb(160,162,77)
```
#a9ab44
```
#a9ab44 rgb(169,171,68)
```
#b2b43b
```
#b2b43b rgb(178,180,59)
```
#babe31
```
#babe31 rgb(186,190,49)
```
#c3c728
```
#c3c728 rgb(195,199,40)
```
#ccd01f
```
#ccd01f rgb(204,208,31)
```
#d5d916
```
#d5d916 rgb(213,217,22)
```
#dee20d
```
#dee20d rgb(222,226,13)
```
#e6ec03
```
#e6ec03 rgb(230,236,3)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#bebf9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb28 Protanopia 1% of men
#fdc137 Deuteranopia 1% of men
#ddc4d2 Tritanopia 0.001% of the population

Trichromacy

#dbcd25 Protanomaly 1% of men, 0.01% of women
#ebc62e Deuteranomaly 6% of men, 0.4% of women
#d7c891 Tritanomaly 0.01% of the population

#ccd01f hex color

#ccd01f Color Information

#ccd01f Color Conversion

Color Schemes with #ccd01f

Alternatives to #ccd01f

#ccd01f Preview

Shades and Tints of #ccd01f

Tones of #ccd01f

Color Blindness Simulator