#fdff12 hex color

In a RGB color space, hex #fdff12 is composed of 99.2% red, 100% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 0% magenta, 92.9% yellow and 0% black. It has a hue angle of 60.5 degrees, a saturation of 100% and a lightness of 53.5%. #fdff12 color hex could be obtained by blending #ffff24 with #fbff00. Closest websafe color is: #ffff00.

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

● #fdff12 color description : Vivid yellow.

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

Hex triplet	fdff12	`#fdff12`
RGB Decimal	253, 255, 18	`rgb(253,255,18)`
RGB Percent	99.2, 100, 7.1	`rgb(99.2%,100%,7.1%)`
CMYK	1, 0, 93, 0
HSL	60.5°, 100, 53.5	`hsl(60.5,100%,53.5%)`
HSV (or HSB)	60.5°, 92.9, 100
Web Safe	ffff00	`#ffff00`

CIE-LAB	97.003, -22.232, 92.951
XYZ	76.377, 92.448, 14.393
xyY	0.417, 0.505, 92.448
CIE-LCH	97.003, 95.573, 103.452
CIE-LUV	97.003, 6.287, 105.978
Hunter-Lab	96.15, -26.469, 58.429
Binary	11111101, 11111111, 00010010

#fdff12
```
#fdff12 rgb(253,255,18)
```
#1412ff
```
#1412ff rgb(20,18,255)
```

Complementary Color

#ff8b12
```
#ff8b12 rgb(255,139,18)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#87ff12
```
#87ff12 rgb(135,255,18)
```

Analogous Color

#8b12ff
```
#8b12ff rgb(139,18,255)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#1287ff
```
#1287ff rgb(18,135,255)
```

Split Complementary Color

#ff12fd
```
#ff12fd rgb(255,18,253)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#12fdff
```
#12fdff rgb(18,253,255)
```

Triadic Color

#ff1412
```
#ff1412 rgb(255,20,18)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#12fdff
```
#12fdff rgb(18,253,255)
```
#1412ff
```
#1412ff rgb(20,18,255)
```

Tetradic Color

#c3c500
```
#c3c500 rgb(195,197,0)
```
#dcde00
```
#dcde00 rgb(220,222,0)
```
#f5f800
```
#f5f800 rgb(245,248,0)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#fdff2c
```
#fdff2c rgb(253,255,44)
```
#fdff45
```
#fdff45 rgb(253,255,69)
```
#feff5f
```
#feff5f rgb(254,255,95)
```

Monochromatic Color

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

#ffc612
```
#ffc612 rgb(255,198,18)
```
#ffda12
```
#ffda12 rgb(255,218,18)
```
#ffed12
```
#ffed12 rgb(255,237,18)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```
#e9ff12
```
#e9ff12 rgb(233,255,18)
```
#d6ff12
```
#d6ff12 rgb(214,255,18)
```
#c2ff12
```
#c2ff12 rgb(194,255,18)
```

Similar Colors

Text with hexadecimal color #fdff12

This text has a font color of #fdff12.

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

#fdff12 background color

This paragraph has a background color of #fdff12.

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

#fdff12 border color

This element has a border color of #fdff12.

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

CSS codes

.text {color:#fdff12;}

.background {background-color:#fdff12;}

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

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

#121200
```
#121200 rgb(18,18,0)
```
#252600
```
#252600 rgb(37,38,0)
```
#393900
```
#393900 rgb(57,57,0)
```
#4c4d00
```
#4c4d00 rgb(76,77,0)
```
#606000
```
#606000 rgb(96,96,0)
```
#737400
```
#737400 rgb(115,116,0)
```
#878800
```
#878800 rgb(135,136,0)
```
#9a9b00
```
#9a9b00 rgb(154,155,0)
```
#adaf00
```
#adaf00 rgb(173,175,0)
```
#c1c300
```
#c1c300 rgb(193,195,0)
```
#d4d600
```
#d4d600 rgb(212,214,0)
```
#e8ea00
```
#e8ea00 rgb(232,234,0)
```
#fbfd00
```
#fbfd00 rgb(251,253,0)
```

Shade Color Variation

#fdff12
```
#fdff12 rgb(253,255,18)
```
#fdff26
```
#fdff26 rgb(253,255,38)
```
#fdff39
```
#fdff39 rgb(253,255,57)
```
#fdff4d
```
#fdff4d rgb(253,255,77)
```
#feff60
```
#feff60 rgb(254,255,96)
```
#feff74
```
#feff74 rgb(254,255,116)
```
#feff88
```
#feff88 rgb(254,255,136)
```
#feff9b
```
#feff9b rgb(254,255,155)
```
#feffaf
```
#feffaf rgb(254,255,175)
```
#feffc3
```
#feffc3 rgb(254,255,195)
```
#ffffd6
```
#ffffd6 rgb(255,255,214)
```
#ffffea
```
#ffffea rgb(255,255,234)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#91927f
```
#91927f rgb(145,146,127)
```
#9a9b76
```
#9a9b76 rgb(154,155,118)
```
#a3a46d
```
#a3a46d rgb(163,164,109)
```
#acad64
```
#acad64 rgb(172,173,100)
```
#b5b65b
```
#b5b65b rgb(181,182,91)
```
#bebf52
```
#bebf52 rgb(190,191,82)
```
#c7c849
```
#c7c849 rgb(199,200,73)
```
#d0d140
```
#d0d140 rgb(208,209,64)
```
#d9db36
```
#d9db36 rgb(217,219,54)
```
#e2e42d
```
#e2e42d rgb(226,228,45)
```
#ebed24
```
#ebed24 rgb(235,237,36)
```
#f4f61b
```
#f4f61b rgb(244,246,27)
```
#fdff12
```
#fdff12 rgb(253,255,18)
```

Tone Color Variation

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

#e3e3e3 Achromatopsia 0.005% of the population
#e8e9b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff6da Protanopia 1% of men
#fff5ea Deuteranopia 1% of men
#fff3f9 Tritanopia 0.001% of the population

Trichromacy

#fef991 Protanomaly 1% of men, 0.01% of women
#fef89b Deuteranomaly 6% of men, 0.4% of women
#fef7a5 Tritanomaly 0.01% of the population

#fdff12 hex color

#fdff12 Color Information

#fdff12 Color Conversion

Color Schemes with #fdff12

Alternatives to #fdff12

#fdff12 Preview

Shades and Tints of #fdff12

Tones of #fdff12

Color Blindness Simulator