#fccb2f hex color

In a RGB color space, hex #fccb2f is composed of 98.8% red, 79.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.4% magenta, 81.3% yellow and 1.2% black. It has a hue angle of 45.7 degrees, a saturation of 97.2% and a lightness of 58.6%. #fccb2f color hex could be obtained by blending #ffff5e with #f99700. 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

● #fccb2f color description : Bright yellow.

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

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

CIE-LAB	83.765, 3.644, 76.92
XYZ	62.015, 63.615, 11.702
xyY	0.452, 0.463, 63.615
CIE-LCH	83.765, 77.007, 87.288
CIE-LUV	83.765, 41.493, 83.019
Hunter-Lab	79.759, -0.79, 47.133
Binary	11111100, 11001011, 00101111

#fccb2f
```
#fccb2f rgb(252,203,47)
```
#2f60fc
```
#2f60fc rgb(47,96,252)
```

Complementary Color

#fc652f
```
#fc652f rgb(252,101,47)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#c7fc2f
```
#c7fc2f rgb(199,252,47)
```

Analogous Color

#652ffc
```
#652ffc rgb(101,47,252)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#2fc7fc
```
#2fc7fc rgb(47,199,252)
```

Split Complementary Color

#cb2ffc
```
#cb2ffc rgb(203,47,252)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#2ffccb
```
#2ffccb rgb(47,252,203)
```

Triadic Color

#fc2f60
```
#fc2f60 rgb(252,47,96)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#2ffccb
```
#2ffccb rgb(47,252,203)
```
#2f60fc
```
#2f60fc rgb(47,96,252)
```

Tetradic Color

#dba803
```
#dba803 rgb(219,168,3)
```
#f4bb04
```
#f4bb04 rgb(244,187,4)
```
#fcc516
```
#fcc516 rgb(252,197,22)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#fcd148
```
#fcd148 rgb(252,209,72)
```
#fdd861
```
#fdd861 rgb(253,216,97)
```
#fdde7a
```
#fdde7a rgb(253,222,122)
```

Monochromatic Color

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

#fc982f
```
#fc982f rgb(252,152,47)
```
#fca92f
```
#fca92f rgb(252,169,47)
```
#fcba2f
```
#fcba2f rgb(252,186,47)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#fcdc2f
```
#fcdc2f rgb(252,220,47)
```
#fced2f
```
#fced2f rgb(252,237,47)
```
#fafc2f
```
#fafc2f rgb(250,252,47)
```

Similar Colors

Text with hexadecimal color #fccb2f

This text has a font color of #fccb2f.

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

#fccb2f background color

This paragraph has a background color of #fccb2f.

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

#fccb2f border color

This element has a border color of #fccb2f.

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

CSS codes

.text {color:#fccb2f;}

.background {background-color:#fccb2f;}

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

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)
```
#181200
```
#181200 rgb(24,18,0)
```
#2b2101
```
#2b2101 rgb(43,33,1)
```
#3f3001
```
#3f3001 rgb(63,48,1)
```
#523f01
```
#523f01 rgb(82,63,1)
```
#654e01
```
#654e01 rgb(101,78,1)
```
#795c02
```
#795c02 rgb(121,92,2)
```
#8c6b02
```
#8c6b02 rgb(140,107,2)
```
#9f7a02
```
#9f7a02 rgb(159,122,2)
```
#b38903
```
#b38903 rgb(179,137,3)
```
#c69703
```
#c69703 rgb(198,151,3)
```
#d9a603
```
#d9a603 rgb(217,166,3)
```
#edb503
```
#edb503 rgb(237,181,3)
```

Shade Color Variation

#fbc108
```
#fbc108 rgb(251,193,8)
```
#fcc61c
```
#fcc61c rgb(252,198,28)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```
#fcd042
```
#fcd042 rgb(252,208,66)
```
#fdd556
```
#fdd556 rgb(253,213,86)
```
#fdda69
```
#fdda69 rgb(253,218,105)
```
#fdde7c
```
#fdde7c rgb(253,222,124)
```
#fde390
```
#fde390 rgb(253,227,144)
```
#fee8a3
```
#fee8a3 rgb(254,232,163)
```
#feedb6
```
#feedb6 rgb(254,237,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 #fccb2f is the most saturated one.

#9b9890
```
#9b9890 rgb(155,152,144)
```
#a39c88
```
#a39c88 rgb(163,156,136)
```
#aba180
```
#aba180 rgb(171,161,128)
```
#b3a578
```
#b3a578 rgb(179,165,120)
```
#bba970
```
#bba970 rgb(187,169,112)
```
#c3ad68
```
#c3ad68 rgb(195,173,104)
```
#cbb260
```
#cbb260 rgb(203,178,96)
```
#d3b658
```
#d3b658 rgb(211,182,88)
```
#dcba4f
```
#dcba4f rgb(220,186,79)
```
#e4be47
```
#e4be47 rgb(228,190,71)
```
#ecc33f
```
#ecc33f rgb(236,195,63)
```
#f4c737
```
#f4c737 rgb(244,199,55)
```
#fccb2f
```
#fccb2f rgb(252,203,47)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d2c9a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd33b Protanopia 1% of men
#ffca6f Deuteranopia 1% of men
#ffc3ce Tritanopia 0.001% of the population

Trichromacy

#f1d036 Protanomaly 1% of men, 0.01% of women
#fdca57 Deuteranomaly 6% of men, 0.4% of women
#fdc694 Tritanomaly 0.01% of the population

#fccb2f hex color

#fccb2f Color Information

#fccb2f Color Conversion

Color Schemes with #fccb2f

Alternatives to #fccb2f

#fccb2f Preview

Shades and Tints of #fccb2f

Tones of #fccb2f

Color Blindness Simulator