#fdd312 hex color

In a RGB color space, hex #fdd312 is composed of 99.2% red, 82.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.6% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 49.3 degrees, a saturation of 98.3% and a lightness of 53.1%. #fdd312 color hex could be obtained by blending #ffff24 with #fba700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 83
- B 7
RGB color chart
- C 0
- M 17
- Y 93
- K 1
CMYK color chart

● #fdd312 color description : Vivid yellow.

The hexadecimal color #fdd312 has RGB values of R:253, G:211, B:18 and CMYK values of C:0, M:0.17, Y:0.93, K:0.01. Its decimal value is 16634642.

Hex triplet	fdd312	`#fdd312`
RGB Decimal	253, 211, 18	`rgb(253,211,18)`
RGB Percent	99.2, 82.7, 7.1	`rgb(99.2%,82.7%,7.1%)`
CMYK	0, 17, 93, 1
HSL	49.3°, 98.3, 53.1	`hsl(49.3,98.3%,53.1%)`
HSV (or HSB)	49.3°, 92.9, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.765, -0.596, 84.51
XYZ	63.912, 67.518, 10.238
xyY	0.451, 0.477, 67.518
CIE-LCH	85.765, 84.512, 90.404
CIE-LUV	85.765, 36.813, 89.634
Hunter-Lab	82.169, -4.956, 50.131
Binary	11111101, 11010011, 00010010

#fdd312
```
#fdd312 rgb(253,211,18)
```
#123cfd
```
#123cfd rgb(18,60,253)
```

Complementary Color

#fd5d12
```
#fd5d12 rgb(253,93,18)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#b2fd12
```
#b2fd12 rgb(178,253,18)
```

Analogous Color

#5d12fd
```
#5d12fd rgb(93,18,253)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#12b2fd
```
#12b2fd rgb(18,178,253)
```

Split Complementary Color

#d312fd
```
#d312fd rgb(211,18,253)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#12fdd3
```
#12fdd3 rgb(18,253,211)
```

Triadic Color

#fd123c
```
#fd123c rgb(253,18,60)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#12fdd3
```
#12fdd3 rgb(18,253,211)
```
#123cfd
```
#123cfd rgb(18,60,253)
```

Tetradic Color

#c19f02
```
#c19f02 rgb(193,159,2)
```
#dab302
```
#dab302 rgb(218,179,2)
```
#f3c802
```
#f3c802 rgb(243,200,2)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#fdd82b
```
#fdd82b rgb(253,216,43)
```
#fddc45
```
#fddc45 rgb(253,220,69)
```
#fee15e
```
#fee15e rgb(254,225,94)
```

Monochromatic Color

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

#fd9812
```
#fd9812 rgb(253,152,18)
```
#fdac12
```
#fdac12 rgb(253,172,18)
```
#fdbf12
```
#fdbf12 rgb(253,191,18)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```
#fde712
```
#fde712 rgb(253,231,18)
```
#fdfa12
```
#fdfa12 rgb(253,250,18)
```
#ecfd12
```
#ecfd12 rgb(236,253,18)
```

Similar Colors

Text with hexadecimal color #fdd312

This text has a font color of #fdd312.

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

#fdd312 background color

This paragraph has a background color of #fdd312.

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

#fdd312 border color

This element has a border color of #fdd312.

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

CSS codes

.text {color:#fdd312;}

.background {background-color:#fdd312;}

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

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

#100d00
```
#100d00 rgb(16,13,0)
```
#231d00
```
#231d00 rgb(35,29,0)
```
#372d00
```
#372d00 rgb(55,45,0)
```
#4a3d01
```
#4a3d01 rgb(74,61,1)
```
#5e4d01
```
#5e4d01 rgb(94,77,1)
```
#715d01
```
#715d01 rgb(113,93,1)
```
#856d01
```
#856d01 rgb(133,109,1)
```
#987d01
```
#987d01 rgb(152,125,1)
```
#ab8d01
```
#ab8d01 rgb(171,141,1)
```
#bf9d02
```
#bf9d02 rgb(191,157,2)
```
#d2ad02
```
#d2ad02 rgb(210,173,2)
```
#e6bd02
```
#e6bd02 rgb(230,189,2)
```
#f9cd02
```
#f9cd02 rgb(249,205,2)
```

Shade Color Variation

#fdd312
```
#fdd312 rgb(253,211,18)
```
#fdd725
```
#fdd725 rgb(253,215,37)
```
#fdda39
```
#fdda39 rgb(253,218,57)
```
#fdde4c
```
#fdde4c rgb(253,222,76)
```
#fee160
```
#fee160 rgb(254,225,96)
```
#fee573
```
#fee573 rgb(254,229,115)
```
#fee987
```
#fee987 rgb(254,233,135)
```
#feec9a
```
#feec9a rgb(254,236,154)
```
#fef0ae
```
#fef0ae rgb(254,240,174)
```
#fef4c1
```
#fef4c1 rgb(254,244,193)
```
#fff7d5
```
#fff7d5 rgb(255,247,213)
```
#fffbe8
```
#fffbe8 rgb(255,251,232)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#8f8c80
```
#8f8c80 rgb(143,140,128)
```
#989277
```
#989277 rgb(152,146,119)
```
#a1986e
```
#a1986e rgb(161,152,110)
```
#aa9e65
```
#aa9e65 rgb(170,158,101)
```
#b3a45c
```
#b3a45c rgb(179,164,92)
```
#bdaa52
```
#bdaa52 rgb(189,170,82)
```
#c6b049
```
#c6b049 rgb(198,176,73)
```
#cfb540
```
#cfb540 rgb(207,181,64)
```
#d8bb37
```
#d8bb37 rgb(216,187,55)
```
#e1c12e
```
#e1c12e rgb(225,193,46)
```
#ebc724
```
#ebc724 rgb(235,199,36)
```
#f4cd1b
```
#f4cd1b rgb(244,205,27)
```
#fdd312
```
#fdd312 rgb(253,211,18)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d4cca5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d81f Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

#f6d61a Protanomaly 1% of men, 0.01% of women
#fed25d Deuteranomaly 6% of men, 0.4% of women
#fece8e Tritanomaly 0.01% of the population

#fdd312 hex color

#fdd312 Color Information

#fdd312 Color Conversion

Color Schemes with #fdd312

Alternatives to #fdd312

#fdd312 Preview

Shades and Tints of #fdd312

Tones of #fdd312

Color Blindness Simulator