#fdff48 hex color

In a RGB color space, hex #fdff48 is composed of 99.2% red, 100% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0.8% cyan, 0% magenta, 71.8% yellow and 0% black. It has a hue angle of 60.7 degrees, a saturation of 100% and a lightness of 64.1%. #fdff48 color hex could be obtained by blending #ffff90 with #fbff00. Closest websafe color is: #ffff33.

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

● #fdff48 color description : Light yellow.

The hexadecimal color #fdff48 has RGB values of R:253, G:255, B:72 and CMYK values of C:0.01, M:0, Y:0.72, K:0. Its decimal value is 16645960.

Hex triplet	fdff48	`#fdff48`
RGB Decimal	253, 255, 72	`rgb(253,255,72)`
RGB Percent	99.2, 100, 28.2	`rgb(99.2%,100%,28.2%)`
CMYK	1, 0, 72, 0
HSL	60.7°, 100, 64.1	`hsl(60.7,100%,64.1%)`
HSV (or HSB)	60.7°, 71.8, 100
Web Safe	ffff33	`#ffff33`

CIE-LAB	97.176, -20.835, 81.484
XYZ	77.438, 92.872, 19.977
xyY	0.407, 0.488, 92.872
CIE-LCH	97.176, 84.105, 104.343
CIE-LUV	97.176, 5.751, 98.294
Hunter-Lab	96.37, -25.214, 55.168
Binary	11111101, 11111111, 01001000

#fdff48
```
#fdff48 rgb(253,255,72)
```
#4a48ff
```
#4a48ff rgb(74,72,255)
```

Complementary Color

#ffa648
```
#ffa648 rgb(255,166,72)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#a2ff48
```
#a2ff48 rgb(162,255,72)
```

Analogous Color

#a648ff
```
#a648ff rgb(166,72,255)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#48a2ff
```
#48a2ff rgb(72,162,255)
```

Split Complementary Color

#ff48fd
```
#ff48fd rgb(255,72,253)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#48fdff
```
#48fdff rgb(72,253,255)
```

Triadic Color

#ff4a48
```
#ff4a48 rgb(255,74,72)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#48fdff
```
#48fdff rgb(72,253,255)
```
#4a48ff
```
#4a48ff rgb(74,72,255)
```

Tetradic Color

#f8fb00
```
#f8fb00 rgb(248,251,0)
```
#fcff15
```
#fcff15 rgb(252,255,21)
```
#fdff2f
```
#fdff2f rgb(253,255,47)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#fdff62
```
#fdff62 rgb(253,255,98)
```
#feff7b
```
#feff7b rgb(254,255,123)
```
#feff95
```
#feff95 rgb(254,255,149)
```

Monochromatic Color

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

#ffd348
```
#ffd348 rgb(255,211,72)
```
#ffe348
```
#ffe348 rgb(255,227,72)
```
#fff248
```
#fff248 rgb(255,242,72)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#eeff48
```
#eeff48 rgb(238,255,72)
```
#dfff48
```
#dfff48 rgb(223,255,72)
```
#cfff48
```
#cfff48 rgb(207,255,72)
```

Similar Colors

Text with hexadecimal color #fdff48

This text has a font color of #fdff48.

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

#fdff48 background color

This paragraph has a background color of #fdff48.

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

#fdff48 border color

This element has a border color of #fdff48.

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

CSS codes

.text {color:#fdff48;}

.background {background-color:#fdff48;}

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

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, #0d0d00 is the darkest color, while #fffff9 is the lightest one.

#0d0d00
```
#0d0d00 rgb(13,13,0)
```
#202100
```
#202100 rgb(32,33,0)
```
#343400
```
#343400 rgb(52,52,0)
```
#474800
```
#474800 rgb(71,72,0)
```
#5b5c00
```
#5b5c00 rgb(91,92,0)
```
#6e6f00
```
#6e6f00 rgb(110,111,0)
```
#818300
```
#818300 rgb(129,131,0)
```
#959600
```
#959600 rgb(149,150,0)
```
#a8aa00
```
#a8aa00 rgb(168,170,0)
```
#bcbe00
```
#bcbe00 rgb(188,190,0)
```
#cfd100
```
#cfd100 rgb(207,209,0)
```
#e2e500
```
#e2e500 rgb(226,229,0)
```
#f6f900
```
#f6f900 rgb(246,249,0)
```

Shade Color Variation

#fcff0d
```
#fcff0d rgb(252,255,13)
```
#fdff21
```
#fdff21 rgb(253,255,33)
```
#fdff34
```
#fdff34 rgb(253,255,52)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```
#fdff5c
```
#fdff5c rgb(253,255,92)
```
#fdff6f
```
#fdff6f rgb(253,255,111)
```
#feff83
```
#feff83 rgb(254,255,131)
```
#feff96
```
#feff96 rgb(254,255,150)
```
#feffaa
```
#feffaa rgb(254,255,170)
```
#feffbe
```
#feffbe rgb(254,255,190)
```
#ffffd1
```
#ffffd1 rgb(255,255,209)
```
#ffffe5
```
#ffffe5 rgb(255,255,229)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#aaab9c
```
#aaab9c rgb(170,171,156)
```
#b1b295
```
#b1b295 rgb(177,178,149)
```
#b8b98e
```
#b8b98e rgb(184,185,142)
```
#bfc087
```
#bfc087 rgb(191,192,135)
```
#c6c780
```
#c6c780 rgb(198,199,128)
```
#cdce79
```
#cdce79 rgb(205,206,121)
```
#d4d572
```
#d4d572 rgb(212,213,114)
```
#dbdc6b
```
#dbdc6b rgb(219,220,107)
```
#e1e364
```
#e1e364 rgb(225,227,100)
```
#e8ea5d
```
#e8ea5d rgb(232,234,93)
```
#eff156
```
#eff156 rgb(239,241,86)
```
#f6f84f
```
#f6f84f rgb(246,248,79)
```
#fdff48
```
#fdff48 rgb(253,255,72)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#eeeeca Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff7dc Protanopia 1% of men
#fff5ec Deuteranopia 1% of men
#fff4fa Tritanopia 0.001% of the population

Trichromacy

#fefaa6 Protanomaly 1% of men, 0.01% of women
#fef9b0 Deuteranomaly 6% of men, 0.4% of women
#fef8b9 Tritanomaly 0.01% of the population

#fdff48 hex color

#fdff48 Color Information

#fdff48 Color Conversion

Color Schemes with #fdff48

Alternatives to #fdff48

#fdff48 Preview

Shades and Tints of #fdff48

Tones of #fdff48

Color Blindness Simulator