#fccd2f hex color

In a RGB color space, hex #fccd2f is composed of 98.8% red, 80.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.7% magenta, 81.3% yellow and 1.2% black. It has a hue angle of 46.2 degrees, a saturation of 97.2% and a lightness of 58.6%. #fccd2f color hex could be obtained by blending #ffff5e with #f99b00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 80
- B 18
RGB color chart
- C 0
- M 19
- Y 81
- K 1
CMYK color chart

● #fccd2f color description : Bright yellow.

The hexadecimal color #fccd2f has RGB values of R:252, G:205, B:47 and CMYK values of C:0, M:0.19, Y:0.81, K:0.01. Its decimal value is 16567599.

Hex triplet	fccd2f	`#fccd2f`
RGB Decimal	252, 205, 47	`rgb(252,205,47)`
RGB Percent	98.8, 80.4, 18.4	`rgb(98.8%,80.4%,18.4%)`
CMYK	0, 19, 81, 1
HSL	46.2°, 97.2, 58.6	`hsl(46.2,97.2%,58.6%)`
HSV (or HSB)	46.2°, 81.3, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.26, 2.618, 77.346
XYZ	62.49, 64.566, 11.86
xyY	0.45, 0.465, 64.566
CIE-LCH	84.26, 77.39, 88.061
CIE-LUV	84.26, 40.004, 83.789
Hunter-Lab	80.353, -1.799, 47.496
Binary	11111100, 11001101, 00101111

#fccd2f
```
#fccd2f rgb(252,205,47)
```
#2f5efc
```
#2f5efc rgb(47,94,252)
```

Complementary Color

#fc672f
```
#fc672f rgb(252,103,47)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#c5fc2f
```
#c5fc2f rgb(197,252,47)
```

Analogous Color

#672ffc
```
#672ffc rgb(103,47,252)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#2fc5fc
```
#2fc5fc rgb(47,197,252)
```

Split Complementary Color

#cd2ffc
```
#cd2ffc rgb(205,47,252)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#2ffccd
```
#2ffccd rgb(47,252,205)
```

Triadic Color

#fc2f5e
```
#fc2f5e rgb(252,47,94)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#2ffccd
```
#2ffccd rgb(47,252,205)
```
#2f5efc
```
#2f5efc rgb(47,94,252)
```

Tetradic Color

#dbaa03
```
#dbaa03 rgb(219,170,3)
```
#f4bd04
```
#f4bd04 rgb(244,189,4)
```
#fcc716
```
#fcc716 rgb(252,199,22)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#fcd348
```
#fcd348 rgb(252,211,72)
```
#fdd961
```
#fdd961 rgb(253,217,97)
```
#fddf7a
```
#fddf7a rgb(253,223,122)
```

Monochromatic Color

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

#fc9a2f
```
#fc9a2f rgb(252,154,47)
```
#fcab2f
```
#fcab2f rgb(252,171,47)
```
#fcbc2f
```
#fcbc2f rgb(252,188,47)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#fcde2f
```
#fcde2f rgb(252,222,47)
```
#fcef2f
```
#fcef2f rgb(252,239,47)
```
#f8fc2f
```
#f8fc2f rgb(248,252,47)
```

Similar Colors

Text with hexadecimal color #fccd2f

This text has a font color of #fccd2f.

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

#fccd2f background color

This paragraph has a background color of #fccd2f.

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

#fccd2f border color

This element has a border color of #fccd2f.

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

CSS codes

.text {color:#fccd2f;}

.background {background-color:#fccd2f;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181300
```
#181300 rgb(24,19,0)
```
#2b2201
```
#2b2201 rgb(43,34,1)
```
#3f3101
```
#3f3101 rgb(63,49,1)
```
#524001
```
#524001 rgb(82,64,1)
```
#654e01
```
#654e01 rgb(101,78,1)
```
#795d02
```
#795d02 rgb(121,93,2)
```
#8c6c02
```
#8c6c02 rgb(140,108,2)
```
#9f7b02
```
#9f7b02 rgb(159,123,2)
```
#b38a03
```
#b38a03 rgb(179,138,3)
```
#c69903
```
#c69903 rgb(198,153,3)
```
#d9a803
```
#d9a803 rgb(217,168,3)
```
#edb703
```
#edb703 rgb(237,183,3)
```

Shade Color Variation

#fbc408
```
#fbc408 rgb(251,196,8)
```
#fcc81c
```
#fcc81c rgb(252,200,28)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```
#fcd242
```
#fcd242 rgb(252,210,66)
```
#fdd656
```
#fdd656 rgb(253,214,86)
```
#fddb69
```
#fddb69 rgb(253,219,105)
```
#fde07c
```
#fde07c rgb(253,224,124)
```
#fde490
```
#fde490 rgb(253,228,144)
```
#fee9a3
```
#fee9a3 rgb(254,233,163)
```
#feeeb6
```
#feeeb6 rgb(254,238,182)
```
#fef2ca
```
#fef2ca rgb(254,242,202)
```
#fff7dd
```
#fff7dd rgb(255,247,221)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39d88
```
#a39d88 rgb(163,157,136)
```
#aba180
```
#aba180 rgb(171,161,128)
```
#b3a578
```
#b3a578 rgb(179,165,120)
```
#bbaa70
```
#bbaa70 rgb(187,170,112)
```
#c3ae68
```
#c3ae68 rgb(195,174,104)
```
#cbb360
```
#cbb360 rgb(203,179,96)
```
#d3b758
```
#d3b758 rgb(211,183,88)
```
#dcbb4f
```
#dcbb4f rgb(220,187,79)
```
#e4c047
```
#e4c047 rgb(228,192,71)
```
#ecc43f
```
#ecc43f rgb(236,196,63)
```
#f4c937
```
#f4c937 rgb(244,201,55)
```
#fccd2f
```
#fccd2f rgb(252,205,47)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d3caaa Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd43b Protanopia 1% of men
#ffcc76 Deuteranopia 1% of men
#ffc5d0 Tritanopia 0.001% of the population

Trichromacy

#f2d236 Protanomaly 1% of men, 0.01% of women
#fdcc5c Deuteranomaly 6% of men, 0.4% of women
#fdc895 Tritanomaly 0.01% of the population

#fccd2f hex color

#fccd2f Color Information

#fccd2f Color Conversion

Color Schemes with #fccd2f

Alternatives to #fccd2f

#fccd2f Preview

Shades and Tints of #fccd2f

Tones of #fccd2f

Color Blindness Simulator