colorhexa.com

#fcd345 hex color

In a RGB color space, hex #fcd345 is composed of 98.8% red, 82.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 72.6% yellow and 1.2% black. It has a hue angle of 46.6 degrees, a saturation of 96.8% and a lightness of 62.9%. #fcd345 color hex could be obtained by blending #ffff8a with #f9a700. Closest websafe color is: #ffcc33.

- R 99
- G 83
- B 27
RGB color chart
- C 0
- M 16
- Y 73
- K 1
CMYK color chart

● #fcd345 color description : Bright yellow.

The hexadecimal color #fcd345 has RGB values of R:252, G:211, B:69 and CMYK values of C:0, M:0.16, Y:0.73, K:0.01. Its decimal value is 16569157.

Hex triplet	fcd345	`#fcd345`
RGB Decimal	252, 211, 69	`rgb(252,211,69)`
RGB Percent	98.8, 82.7, 27.1	`rgb(98.8%,82.7%,27.1%)`
CMYK	0, 16, 73, 1
HSL	46.6°, 96.8, 62.9	`hsl(46.6,96.8%,62.9%)`
HSV (or HSB)	46.6°, 72.6, 98.8
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.864, 0.345, 71.645
XYZ	64.514, 67.716, 15.302
xyY	0.437, 0.459, 67.716
CIE-LCH	85.864, 71.646, 89.724
CIE-LUV	85.864, 34.945, 81.299
Hunter-Lab	82.29, -4.066, 46.578
Binary	11111100, 11010011, 01000101

#fcd345
```
#fcd345 rgb(252,211,69)
```
#456efc
```
#456efc rgb(69,110,252)
```

Complementary Color

#fc7845
```
#fc7845 rgb(252,120,69)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#cafc45
```
#cafc45 rgb(202,252,69)
```

Analogous Color

#7845fc
```
#7845fc rgb(120,69,252)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#45cafc
```
#45cafc rgb(69,202,252)
```

Split Complementary Color

#d345fc
```
#d345fc rgb(211,69,252)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#45fcd3
```
#45fcd3 rgb(69,252,211)
```

Triadic Color

#fc456e
```
#fc456e rgb(252,69,110)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#45fcd3
```
#45fcd3 rgb(69,252,211)
```
#456efc
```
#456efc rgb(69,110,252)
```

Tetradic Color

#f1bc04
```
#f1bc04 rgb(241,188,4)
```
#fbc713
```
#fbc713 rgb(251,199,19)
```
#fccd2c
```
#fccd2c rgb(252,205,44)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#fcd95e
```
#fcd95e rgb(252,217,94)
```
#fddf77
```
#fddf77 rgb(253,223,119)
```
#fde590
```
#fde590 rgb(253,229,144)
```

Monochromatic Color

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

#fca545
```
#fca545 rgb(252,165,69)
```
#fcb545
```
#fcb545 rgb(252,181,69)
```
#fcc445
```
#fcc445 rgb(252,196,69)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#fce245
```
#fce245 rgb(252,226,69)
```
#fcf245
```
#fcf245 rgb(252,242,69)
```
#f7fc45
```
#f7fc45 rgb(247,252,69)
```

Similar Colors

Text with hexadecimal color #fcd345

This text has a font color of #fcd345.

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

#fcd345 background color

This paragraph has a background color of #fcd345.

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

#fcd345 border color

This element has a border color of #fcd345.

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

CSS codes

.text {color:#fcd345;}

.background {background-color:#fcd345;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1500
```
#1a1500 rgb(26,21,0)
```
#2e2401
```
#2e2401 rgb(46,36,1)
```
#413301
```
#413301 rgb(65,51,1)
```
#544201
```
#544201 rgb(84,66,1)
```
#685102
```
#685102 rgb(104,81,2)
```
#7b6002
```
#7b6002 rgb(123,96,2)
```
#8e6f02
```
#8e6f02 rgb(142,111,2)
```
#a17e03
```
#a17e03 rgb(161,126,3)
```
#b58d03
```
#b58d03 rgb(181,141,3)
```
#c89c03
```
#c89c03 rgb(200,156,3)
```
#dbab04
```
#dbab04 rgb(219,171,4)
```
#efba04
```
#efba04 rgb(239,186,4)
```

Shade Color Variation

#fbc50b
```
#fbc50b rgb(251,197,11)
```
#fbca1e
```
#fbca1e rgb(251,202,30)
```
#fcce32
```
#fcce32 rgb(252,206,50)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```
#fcd858
```
#fcd858 rgb(252,216,88)
```
#fddc6c
```
#fddc6c rgb(253,220,108)
```
#fde17f
```
#fde17f rgb(253,225,127)
```
#fde592
```
#fde592 rgb(253,229,146)
```
#feeaa6
```
#feeaa6 rgb(254,234,166)
```
#feeeb9
```
#feeeb9 rgb(254,238,185)
```
#fef3cc
```
#fef3cc rgb(254,243,204)
```
#fef8df
```
#fef8df rgb(254,248,223)
```
#fffcf3
```
#fffcf3 rgb(255,252,243)
```

Tint Color Variation

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

#a5a39c
```
#a5a39c rgb(165,163,156)
```
#aca795
```
#aca795 rgb(172,167,149)
```
#b3ab8e
```
#b3ab8e rgb(179,171,142)
```
#bbaf86
```
#bbaf86 rgb(187,175,134)
```
#c2b37f
```
#c2b37f rgb(194,179,127)
```
#c9b778
```
#c9b778 rgb(201,183,120)
```
#d0bb71
```
#d0bb71 rgb(208,187,113)
```
#d8bf69
```
#d8bf69 rgb(216,191,105)
```
#dfc362
```
#dfc362 rgb(223,195,98)
```
#e6c75b
```
#e6c75b rgb(230,199,91)
```
#edcb54
```
#edcb54 rgb(237,203,84)
```
#f5cf4c
```
#f5cf4c rgb(245,207,76)
```
#fcd345
```
#fcd345 rgb(252,211,69)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d8d0b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d94f Protanopia 1% of men
#ffd18c Deuteranopia 1% of men
#ffcbd6 Tritanopia 0.001% of the population

Trichromacy

#f5d64b Protanomaly 1% of men, 0.01% of women
#fdd272 Deuteranomaly 6% of men, 0.4% of women
#fdcea1 Tritanomaly 0.01% of the population