#fdd12f hex color

In a RGB color space, hex #fdd12f is composed of 99.2% red, 82% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.4% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 47.2 degrees, a saturation of 98.1% and a lightness of 58.8%. #fdd12f color hex could be obtained by blending #ffff5e with #fba300. Closest websafe color is: #ffcc33.

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

● #fdd12f color description : Bright yellow.

The hexadecimal color #fdd12f has RGB values of R:253, G:209, B:47 and CMYK values of C:0, M:0.17, Y:0.81, K:0.01. Its decimal value is 16634159.

Hex triplet	fdd12f	`#fdd12f`
RGB Decimal	253, 209, 47	`rgb(253,209,47)`
RGB Percent	99.2, 82, 18.4	`rgb(99.2%,82%,18.4%)`
CMYK	0, 17, 81, 1
HSL	47.2°, 98.1, 58.8	`hsl(47.2,98.1%,58.8%)`
HSV (or HSB)	47.2°, 81.4, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.348, 0.995, 78.318
XYZ	63.822, 66.692, 12.2
xyY	0.447, 0.467, 66.692
CIE-LCH	85.348, 78.324, 89.272
CIE-LUV	85.348, 37.806, 85.352
Hunter-Lab	81.665, -3.413, 48.308
Binary	11111101, 11010001, 00101111

#fdd12f
```
#fdd12f rgb(253,209,47)
```
#2f5bfd
```
#2f5bfd rgb(47,91,253)
```

Complementary Color

#fd6a2f
```
#fd6a2f rgb(253,106,47)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#c2fd2f
```
#c2fd2f rgb(194,253,47)
```

Analogous Color

#6a2ffd
```
#6a2ffd rgb(106,47,253)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#2fc2fd
```
#2fc2fd rgb(47,194,253)
```

Split Complementary Color

#d12ffd
```
#d12ffd rgb(209,47,253)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#2ffdd1
```
#2ffdd1 rgb(47,253,209)
```

Triadic Color

#fd2f5b
```
#fd2f5b rgb(253,47,91)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#2ffdd1
```
#2ffdd1 rgb(47,253,209)
```
#2f5bfd
```
#2f5bfd rgb(47,91,253)
```

Tetradic Color

#ddaf02
```
#ddaf02 rgb(221,175,2)
```
#f7c202
```
#f7c202 rgb(247,194,2)
```
#fdcb16
```
#fdcb16 rgb(253,203,22)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#fdd748
```
#fdd748 rgb(253,215,72)
```
#fddc62
```
#fddc62 rgb(253,220,98)
```
#fee27b
```
#fee27b rgb(254,226,123)
```

Monochromatic Color

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

#fd9e2f
```
#fd9e2f rgb(253,158,47)
```
#fdaf2f
```
#fdaf2f rgb(253,175,47)
```
#fdc02f
```
#fdc02f rgb(253,192,47)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#fde22f
```
#fde22f rgb(253,226,47)
```
#fdf32f
```
#fdf32f rgb(253,243,47)
```
#f6fd2f
```
#f6fd2f rgb(246,253,47)
```

Similar Colors

Text with hexadecimal color #fdd12f

This text has a font color of #fdd12f.

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

#fdd12f background color

This paragraph has a background color of #fdd12f.

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

#fdd12f border color

This element has a border color of #fdd12f.

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

CSS codes

.text {color:#fdd12f;}

.background {background-color:#fdd12f;}

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

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

#060500
```
#060500 rgb(6,5,0)
```
#191400
```
#191400 rgb(25,20,0)
```
#2d2300
```
#2d2300 rgb(45,35,0)
```
#403201
```
#403201 rgb(64,50,1)
```
#534201
```
#534201 rgb(83,66,1)
```
#675101
```
#675101 rgb(103,81,1)
```
#7a6001
```
#7a6001 rgb(122,96,1)
```
#8e7001
```
#8e7001 rgb(142,112,1)
```
#a17f02
```
#a17f02 rgb(161,127,2)
```
#b58e02
```
#b58e02 rgb(181,142,2)
```
#c89e02
```
#c89e02 rgb(200,158,2)
```
#dbad02
```
#dbad02 rgb(219,173,2)
```
#efbc02
```
#efbc02 rgb(239,188,2)
```

Shade Color Variation

#fdc808
```
#fdc808 rgb(253,200,8)
```
#fdcd1c
```
#fdcd1c rgb(253,205,28)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```
#fdd542
```
#fdd542 rgb(253,213,66)
```
#fdda56
```
#fdda56 rgb(253,218,86)
```
#fede69
```
#fede69 rgb(254,222,105)
```
#fee27d
```
#fee27d rgb(254,226,125)
```
#fee690
```
#fee690 rgb(254,230,144)
```
#feeba4
```
#feeba4 rgb(254,235,164)
```
#feefb7
```
#feefb7 rgb(254,239,183)
```
#fef3ca
```
#fef3ca rgb(254,243,202)
```
#fff8de
```
#fff8de rgb(255,248,222)
```
#fffcf1
```
#fffcf1 rgb(255,252,241)
```

Tint Color Variation

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

#9c9990
```
#9c9990 rgb(156,153,144)
```
#a49e88
```
#a49e88 rgb(164,158,136)
```
#aca380
```
#aca380 rgb(172,163,128)
```
#b4a778
```
#b4a778 rgb(180,167,120)
```
#bcac70
```
#bcac70 rgb(188,172,112)
```
#c4b168
```
#c4b168 rgb(196,177,104)
```
#cdb55f
```
#cdb55f rgb(205,181,95)
```
#d5ba57
```
#d5ba57 rgb(213,186,87)
```
#ddbe4f
```
#ddbe4f rgb(221,190,79)
```
#e5c347
```
#e5c347 rgb(229,195,71)
```
#edc83f
```
#edc83f rgb(237,200,63)
```
#f5cc37
```
#f5cc37 rgb(245,204,55)
```
#fdd12f
```
#fdd12f rgb(253,209,47)
```

Tone Color Variation

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

Dichromacy

#f0d73b Protanopia 1% of men
#ffd084 Deuteranopia 1% of men
#ffc9d4 Tritanopia 0.001% of the population

Trichromacy

#f5d536 Protanomaly 1% of men, 0.01% of women
#fed065 Deuteranomaly 6% of men, 0.4% of women
#fecc98 Tritanomaly 0.01% of the population

#fdd12f hex color

#fdd12f Color Information

#fdd12f Color Conversion

Color Schemes with #fdd12f

Alternatives to #fdd12f

#fdd12f Preview

Shades and Tints of #fdd12f

Tones of #fdd12f

Color Blindness Simulator