#fdc228 hex color

In a RGB color space, hex #fdc228 is composed of 99.2% red, 76.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.3% magenta, 84.2% yellow and 0.8% black. It has a hue angle of 43.4 degrees, a saturation of 98.2% and a lightness of 57.5%. #fdc228 color hex could be obtained by blending #ffff50 with #fb8500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 76
- B 16
RGB color chart
- C 0
- M 23
- Y 84
- K 1
CMYK color chart

● #fdc228 color description : Bright orange.

The hexadecimal color #fdc228 has RGB values of R:253, G:194, B:40 and CMYK values of C:0, M:0.23, Y:0.84, K:0.01. Its decimal value is 16630312.

Hex triplet	fdc228	`#fdc228`
RGB Decimal	253, 194, 40	`rgb(253,194,40)`
RGB Percent	99.2, 76.1, 15.7	`rgb(99.2%,76.1%,15.7%)`
CMYK	0, 23, 84, 1
HSL	43.4°, 98.2, 57.5	`hsl(43.4,98.2%,57.5%)`
HSV (or HSB)	43.4°, 84.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.633, 8.526, 77.068
XYZ	60.184, 59.623, 10.346
xyY	0.462, 0.458, 59.623
CIE-LCH	81.633, 77.538, 83.687
CIE-LUV	81.633, 49.265, 80.79
Hunter-Lab	77.216, 4, 46.107
Binary	11111101, 11000010, 00101000

#fdc228
```
#fdc228 rgb(253,194,40)
```
#2863fd
```
#2863fd rgb(40,99,253)
```

Complementary Color

#fd5728
```
#fd5728 rgb(253,87,40)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#cefd28
```
#cefd28 rgb(206,253,40)
```

Analogous Color

#5728fd
```
#5728fd rgb(87,40,253)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#28cefd
```
#28cefd rgb(40,206,253)
```

Split Complementary Color

#c228fd
```
#c228fd rgb(194,40,253)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#28fdc2
```
#28fdc2 rgb(40,253,194)
```

Triadic Color

#fd2863
```
#fd2863 rgb(253,40,99)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#28fdc2
```
#28fdc2 rgb(40,253,194)
```
#2863fd
```
#2863fd rgb(40,99,253)
```

Tetradic Color

#d79c02
```
#d79c02 rgb(215,156,2)
```
#f0ae02
```
#f0ae02 rgb(240,174,2)
```
#fdbb0f
```
#fdbb0f rgb(253,187,15)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#fdc941
```
#fdc941 rgb(253,201,65)
```
#fdd05b
```
#fdd05b rgb(253,208,91)
```
#fed874
```
#fed874 rgb(254,216,116)
```

Monochromatic Color

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

#fd8d28
```
#fd8d28 rgb(253,141,40)
```
#fd9f28
```
#fd9f28 rgb(253,159,40)
```
#fdb028
```
#fdb028 rgb(253,176,40)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#fdd428
```
#fdd428 rgb(253,212,40)
```
#fde628
```
#fde628 rgb(253,230,40)
```
#fdf728
```
#fdf728 rgb(253,247,40)
```

Similar Colors

Text with hexadecimal color #fdc228

This text has a font color of #fdc228.

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

#fdc228 background color

This paragraph has a background color of #fdc228.

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

#fdc228 border color

This element has a border color of #fdc228.

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

CSS codes

.text {color:#fdc228;}

.background {background-color:#fdc228;}

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

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, #120d00 is the darkest color, while #fffffe is the lightest one.

#120d00
```
#120d00 rgb(18,13,0)
```
#261b00
```
#261b00 rgb(38,27,0)
```
#392901
```
#392901 rgb(57,41,1)
```
#4d3801
```
#4d3801 rgb(77,56,1)
```
#604601
```
#604601 rgb(96,70,1)
```
#735401
```
#735401 rgb(115,84,1)
```
#876201
```
#876201 rgb(135,98,1)
```
#9a7001
```
#9a7001 rgb(154,112,1)
```
#ae7e02
```
#ae7e02 rgb(174,126,2)
```
#c18c02
```
#c18c02 rgb(193,140,2)
```
#d59a02
```
#d59a02 rgb(213,154,2)
```
#e8a802
```
#e8a802 rgb(232,168,2)
```
#fbb602
```
#fbb602 rgb(251,182,2)
```

Shade Color Variation

#fdbc15
```
#fdbc15 rgb(253,188,21)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```
#fdc83b
```
#fdc83b rgb(253,200,59)
```
#fdcd4f
```
#fdcd4f rgb(253,205,79)
```
#fed362
```
#fed362 rgb(254,211,98)
```
#fed876
```
#fed876 rgb(254,216,118)
```
#fede89
```
#fede89 rgb(254,222,137)
```
#fee39d
```
#fee39d rgb(254,227,157)
```
#fee9b0
```
#fee9b0 rgb(254,233,176)
```
#feeec3
```
#feeec3 rgb(254,238,195)
```
#fff4d7
```
#fff4d7 rgb(255,244,215)
```
#fff9ea
```
#fff9ea rgb(255,249,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#99958c
```
#99958c rgb(153,149,140)
```
#a19984
```
#a19984 rgb(161,153,132)
```
#aa9d7b
```
#aa9d7b rgb(170,157,123)
```
#b2a073
```
#b2a073 rgb(178,160,115)
```
#baa46b
```
#baa46b rgb(186,164,107)
```
#c3a862
```
#c3a862 rgb(195,168,98)
```
#cbac5a
```
#cbac5a rgb(203,172,90)
```
#d3af52
```
#d3af52 rgb(211,175,82)
```
#dcb349
```
#dcb349 rgb(220,179,73)
```
#e4b741
```
#e4b741 rgb(228,183,65)
```
#ecbb39
```
#ecbb39 rgb(236,187,57)
```
#f5be30
```
#f5be30 rgb(245,190,48)
```
#fdc228
```
#fdc228 rgb(253,194,40)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cd35 Protanopia 1% of men
#ffc441 Deuteranopia 1% of men
#ffbbc6 Tritanopia 0.001% of the population

Trichromacy

#eec930 Protanomaly 1% of men, 0.01% of women
#fec338 Deuteranomaly 6% of men, 0.4% of women
#febe8c Tritanomaly 0.01% of the population

#fdc228 hex color

#fdc228 Color Information

#fdc228 Color Conversion

Color Schemes with #fdc228

Alternatives to #fdc228

#fdc228 Preview

Shades and Tints of #fdc228

Tones of #fdc228

Color Blindness Simulator