#fdd714 hex color

In a RGB color space, hex #fdd714 is composed of 99.2% red, 84.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15% magenta, 92.1% yellow and 0.8% black. It has a hue angle of 50.2 degrees, a saturation of 98.3% and a lightness of 53.5%. #fdd714 color hex could be obtained by blending #ffff28 with #fbaf00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 84
- B 8
RGB color chart
- C 0
- M 15
- Y 92
- K 1
CMYK color chart

● #fdd714 color description : Vivid yellow.

The hexadecimal color #fdd714 has RGB values of R:253, G:215, B:20 and CMYK values of C:0, M:0.15, Y:0.92, K:0.01. Its decimal value is 16635668.

Hex triplet	fdd714	`#fdd714`
RGB Decimal	253, 215, 20	`rgb(253,215,20)`
RGB Percent	99.2, 84.3, 7.8	`rgb(99.2%,84.3%,7.8%)`
CMYK	0, 15, 92, 1
HSL	50.2°, 98.3, 53.5	`hsl(50.2,98.3%,53.5%)`
HSV (or HSB)	50.2°, 92.1, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.769, -2.6, 85
XYZ	64.936, 69.537, 10.663
xyY	0.447, 0.479, 69.537
CIE-LCH	86.769, 85.04, 91.752
CIE-LUV	86.769, 33.85, 90.972
Hunter-Lab	83.389, -6.93, 50.79
Binary	11111101, 11010111, 00010100

#fdd714
```
#fdd714 rgb(253,215,20)
```
#143afd
```
#143afd rgb(20,58,253)
```

Complementary Color

#fd6214
```
#fd6214 rgb(253,98,20)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#affd14
```
#affd14 rgb(175,253,20)
```

Analogous Color

#6214fd
```
#6214fd rgb(98,20,253)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#14affd
```
#14affd rgb(20,175,253)
```

Split Complementary Color

#d714fd
```
#d714fd rgb(215,20,253)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#14fdd7
```
#14fdd7 rgb(20,253,215)
```

Triadic Color

#fd143a
```
#fd143a rgb(253,20,58)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#14fdd7
```
#14fdd7 rgb(20,253,215)
```
#143afd
```
#143afd rgb(20,58,253)
```

Tetradic Color

#c3a302
```
#c3a302 rgb(195,163,2)
```
#dcb902
```
#dcb902 rgb(220,185,2)
```
#f5ce02
```
#f5ce02 rgb(245,206,2)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#fddb2d
```
#fddb2d rgb(253,219,45)
```
#fde047
```
#fde047 rgb(253,224,71)
```
#fee460
```
#fee460 rgb(254,228,96)
```

Monochromatic Color

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

#fd9d14
```
#fd9d14 rgb(253,157,20)
```
#fdb014
```
#fdb014 rgb(253,176,20)
```
#fdc414
```
#fdc414 rgb(253,196,20)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```
#fdea14
```
#fdea14 rgb(253,234,20)
```
#fcfd14
```
#fcfd14 rgb(252,253,20)
```
#e9fd14
```
#e9fd14 rgb(233,253,20)
```

Similar Colors

Text with hexadecimal color #fdd714

This text has a font color of #fdd714.

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

#fdd714 background color

This paragraph has a background color of #fdd714.

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

#fdd714 border color

This element has a border color of #fdd714.

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

CSS codes

.text {color:#fdd714;}

.background {background-color:#fdd714;}

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

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

#120f00
```
#120f00 rgb(18,15,0)
```
#251f00
```
#251f00 rgb(37,31,0)
```
#393000
```
#393000 rgb(57,48,0)
```
#4c4001
```
#4c4001 rgb(76,64,1)
```
#605001
```
#605001 rgb(96,80,1)
```
#736001
```
#736001 rgb(115,96,1)
```
#877101
```
#877101 rgb(135,113,1)
```
#9a8101
```
#9a8101 rgb(154,129,1)
```
#ad9101
```
#ad9101 rgb(173,145,1)
```
#c1a202
```
#c1a202 rgb(193,162,2)
```
#d4b202
```
#d4b202 rgb(212,178,2)
```
#e8c202
```
#e8c202 rgb(232,194,2)
```
#fbd302
```
#fbd302 rgb(251,211,2)
```

Shade Color Variation

#fdd714
```
#fdd714 rgb(253,215,20)
```
#fdda27
```
#fdda27 rgb(253,218,39)
```
#fdde3b
```
#fdde3b rgb(253,222,59)
```
#fde14e
```
#fde14e rgb(253,225,78)
```
#fee462
```
#fee462 rgb(254,228,98)
```
#fee875
```
#fee875 rgb(254,232,117)
```
#feeb89
```
#feeb89 rgb(254,235,137)
```
#feee9c
```
#feee9c rgb(254,238,156)
```
#fef1b0
```
#fef1b0 rgb(254,241,176)
```
#fef5c3
```
#fef5c3 rgb(254,245,195)
```
#fff8d6
```
#fff8d6 rgb(255,248,214)
```
#fffbea
```
#fffbea rgb(255,251,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#908d81
```
#908d81 rgb(144,141,129)
```
#999378
```
#999378 rgb(153,147,120)
```
#a29a6f
```
#a29a6f rgb(162,154,111)
```
#aba066
```
#aba066 rgb(171,160,102)
```
#b4a65d
```
#b4a65d rgb(180,166,93)
```
#bdac54
```
#bdac54 rgb(189,172,84)
```
#c6b24b
```
#c6b24b rgb(198,178,75)
```
#cfb842
```
#cfb842 rgb(207,184,66)
```
#d9be38
```
#d9be38 rgb(217,190,56)
```
#e2c52f
```
#e2c52f rgb(226,197,47)
```
#ebcb26
```
#ebcb26 rgb(235,203,38)
```
#f4d11d
```
#f4d11d rgb(244,209,29)
```
#fdd714
```
#fdd714 rgb(253,215,20)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6cea7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5db21 Protanopia 1% of men
#ffd494 Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f8d91c Protanomaly 1% of men, 0.01% of women
#fed565 Deuteranomaly 6% of men, 0.4% of women
#fed191 Tritanomaly 0.01% of the population

#fdd714 hex color

#fdd714 Color Information

#fdd714 Color Conversion

Color Schemes with #fdd714

Alternatives to #fdd714

#fdd714 Preview

Shades and Tints of #fdd714

Tones of #fdd714

Color Blindness Simulator