#fdc12d hex color

In a RGB color space, hex #fdc12d is composed of 99.2% red, 75.7% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.7% magenta, 82.2% yellow and 0.8% black. It has a hue angle of 42.7 degrees, a saturation of 98.1% and a lightness of 58.4%. #fdc12d color hex could be obtained by blending #ffff5a with #fb8300. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 76
- B 18
RGB color chart
- C 0
- M 24
- Y 82
- K 1
CMYK color chart

● #fdc12d color description : Bright orange.

The hexadecimal color #fdc12d has RGB values of R:253, G:193, B:45 and CMYK values of C:0, M:0.24, Y:0.82, K:0.01. Its decimal value is 16630061.

Hex triplet	fdc12d	`#fdc12d`
RGB Decimal	253, 193, 45	`rgb(253,193,45)`
RGB Percent	99.2, 75.7, 17.6	`rgb(99.2%,75.7%,17.6%)`
CMYK	0, 24, 82, 1
HSL	42.7°, 98.1, 58.4	`hsl(42.7,98.1%,58.4%)`
HSV (or HSB)	42.7°, 82.2, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.41, 9.174, 75.513
XYZ	60.053, 59.215, 10.749
xyY	0.462, 0.455, 59.215
CIE-LCH	81.41, 76.068, 83.073
CIE-LUV	81.41, 49.891, 79.569
Hunter-Lab	76.951, 4.636, 45.584
Binary	11111101, 11000001, 00101101

#fdc12d
```
#fdc12d rgb(253,193,45)
```
#2d69fd
```
#2d69fd rgb(45,105,253)
```

Complementary Color

#fd592d
```
#fd592d rgb(253,89,45)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#d1fd2d
```
#d1fd2d rgb(209,253,45)
```

Analogous Color

#592dfd
```
#592dfd rgb(89,45,253)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#2dd1fd
```
#2dd1fd rgb(45,209,253)
```

Split Complementary Color

#c12dfd
```
#c12dfd rgb(193,45,253)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#2dfdc1
```
#2dfdc1 rgb(45,253,193)
```

Triadic Color

#fd2d69
```
#fd2d69 rgb(253,45,105)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#2dfdc1
```
#2dfdc1 rgb(45,253,193)
```
#2d69fd
```
#2d69fd rgb(45,105,253)
```

Tetradic Color

#db9d02
```
#db9d02 rgb(219,157,2)
```
#f5af02
```
#f5af02 rgb(245,175,2)
```
#fdba14
```
#fdba14 rgb(253,186,20)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#fdc846
```
#fdc846 rgb(253,200,70)
```
#fdd060
```
#fdd060 rgb(253,208,96)
```
#fed779
```
#fed779 rgb(254,215,121)
```

Monochromatic Color

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

#fd8d2d
```
#fd8d2d rgb(253,141,45)
```
#fd9e2d
```
#fd9e2d rgb(253,158,45)
```
#fdb02d
```
#fdb02d rgb(253,176,45)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#fdd22d
```
#fdd22d rgb(253,210,45)
```
#fde42d
```
#fde42d rgb(253,228,45)
```
#fdf52d
```
#fdf52d rgb(253,245,45)
```

Similar Colors

Text with hexadecimal color #fdc12d

This text has a font color of #fdc12d.

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

#fdc12d background color

This paragraph has a background color of #fdc12d.

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

#fdc12d border color

This element has a border color of #fdc12d.

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

CSS codes

.text {color:#fdc12d;}

.background {background-color:#fdc12d;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171100
```
#171100 rgb(23,17,0)
```
#2b1e00
```
#2b1e00 rgb(43,30,0)
```
#3e2c01
```
#3e2c01 rgb(62,44,1)
```
#513a01
```
#513a01 rgb(81,58,1)
```
#654801
```
#654801 rgb(101,72,1)
```
#785601
```
#785601 rgb(120,86,1)
```
#8c6401
```
#8c6401 rgb(140,100,1)
```
#9f7202
```
#9f7202 rgb(159,114,2)
```
#b38002
```
#b38002 rgb(179,128,2)
```
#c68d02
```
#c68d02 rgb(198,141,2)
```
#d99b02
```
#d99b02 rgb(217,155,2)
```
#eda902
```
#eda902 rgb(237,169,2)
```

Shade Color Variation

#fdb606
```
#fdb606 rgb(253,182,6)
```
#fdbb1a
```
#fdbb1a rgb(253,187,26)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```
#fdc740
```
#fdc740 rgb(253,199,64)
```
#fdcc54
```
#fdcc54 rgb(253,204,84)
```
#fed267
```
#fed267 rgb(254,210,103)
```
#fed87b
```
#fed87b rgb(254,216,123)
```
#fede8e
```
#fede8e rgb(254,222,142)
```
#fee3a2
```
#fee3a2 rgb(254,227,162)
```
#fee9b5
```
#fee9b5 rgb(254,233,181)
```
#feefc8
```
#feefc8 rgb(254,239,200)
```
#fff5dc
```
#fff5dc rgb(255,245,220)
```
#fffaef
```
#fffaef rgb(255,250,239)
```

Tint Color Variation

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

#9b988f
```
#9b988f rgb(155,152,143)
```
#a39b87
```
#a39b87 rgb(163,155,135)
```
#ab9f7f
```
#ab9f7f rgb(171,159,127)
```
#b4a276
```
#b4a276 rgb(180,162,118)
```
#bca56e
```
#bca56e rgb(188,165,110)
```
#c4a966
```
#c4a966 rgb(196,169,102)
```
#ccac5e
```
#ccac5e rgb(204,172,94)
```
#d4b056
```
#d4b056 rgb(212,176,86)
```
#dcb34e
```
#dcb34e rgb(220,179,78)
```
#e5b745
```
#e5b745 rgb(229,183,69)
```
#edba3d
```
#edba3d rgb(237,186,61)
```
#f5be35
```
#f5be35 rgb(245,190,53)
```
#fdc12d
```
#fdc12d rgb(253,193,45)
```

Tone Color Variation

Below, you can see how #fdc12d 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
#cec2a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cd3a Protanopia 1% of men
#ffc33b Deuteranopia 1% of men
#ffbbc5 Tritanopia 0.001% of the population

Trichromacy

#edc835 Protanomaly 1% of men, 0.01% of women
#fec236 Deuteranomaly 6% of men, 0.4% of women
#febd8e Tritanomaly 0.01% of the population

#fdc12d hex color

#fdc12d Color Information

#fdc12d Color Conversion

Color Schemes with #fdc12d

Alternatives to #fdc12d

#fdc12d Preview

Shades and Tints of #fdc12d

Tones of #fdc12d

Color Blindness Simulator