#fddf18 hex color

In a RGB color space, hex #fddf18 is composed of 99.2% red, 87.5% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.9% magenta, 90.5% yellow and 0.8% black. It has a hue angle of 52.1 degrees, a saturation of 98.3% and a lightness of 54.3%. #fddf18 color hex could be obtained by blending #ffff30 with #fbbf00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 99
- G 87
- B 9
RGB color chart
- C 0
- M 12
- Y 91
- K 1
CMYK color chart

● #fddf18 color description : Vivid yellow.

The hexadecimal color #fddf18 has RGB values of R:253, G:223, B:24 and CMYK values of C:0, M:0.12, Y:0.91, K:0.01. Its decimal value is 16637720.

Hex triplet	fddf18	`#fddf18`
RGB Decimal	253, 223, 24	`rgb(253,223,24)`
RGB Percent	99.2, 87.5, 9.4	`rgb(99.2%,87.5%,9.4%)`
CMYK	0, 12, 91, 1
HSL	52.1°, 98.3, 54.3	`hsl(52.1,98.3%,54.3%)`
HSV (or HSB)	52.1°, 90.5, 99.2
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.793, -6.57, 85.968
XYZ	67.061, 73.726, 11.562
xyY	0.44, 0.484, 73.726
CIE-LCH	88.793, 86.219, 94.37
CIE-LUV	88.793, 28.03, 93.628
Hunter-Lab	85.864, -10.85, 52.121
Binary	11111101, 11011111, 00011000

#fddf18
```
#fddf18 rgb(253,223,24)
```
#1836fd
```
#1836fd rgb(24,54,253)
```

Complementary Color

#fd6d18
```
#fd6d18 rgb(253,109,24)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#a9fd18
```
#a9fd18 rgb(169,253,24)
```

Analogous Color

#6d18fd
```
#6d18fd rgb(109,24,253)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#18a9fd
```
#18a9fd rgb(24,169,253)
```

Split Complementary Color

#df18fd
```
#df18fd rgb(223,24,253)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#18fddf
```
#18fddf rgb(24,253,223)
```

Triadic Color

#fd1836
```
#fd1836 rgb(253,24,54)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#18fddf
```
#18fddf rgb(24,253,223)
```
#1836fd
```
#1836fd rgb(24,54,253)
```

Tetradic Color

#c7ad02
```
#c7ad02 rgb(199,173,2)
```
#e0c302
```
#e0c302 rgb(224,195,2)
```
#f9d902
```
#f9d902 rgb(249,217,2)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#fde331
```
#fde331 rgb(253,227,49)
```
#fde64b
```
#fde64b rgb(253,230,75)
```
#feea64
```
#feea64 rgb(254,234,100)
```

Monochromatic Color

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

#fda618
```
#fda618 rgb(253,166,24)
```
#fdb918
```
#fdb918 rgb(253,185,24)
```
#fdcc18
```
#fdcc18 rgb(253,204,24)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#fdf218
```
#fdf218 rgb(253,242,24)
```
#f5fd18
```
#f5fd18 rgb(245,253,24)
```
#e2fd18
```
#e2fd18 rgb(226,253,24)
```

Similar Colors

Text with hexadecimal color #fddf18

This text has a font color of #fddf18.

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

#fddf18 background color

This paragraph has a background color of #fddf18.

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

#fddf18 border color

This element has a border color of #fddf18.

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

CSS codes

.text {color:#fddf18;}

.background {background-color:#fddf18;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#161300
```
#161300 rgb(22,19,0)
```
#292400
```
#292400 rgb(41,36,0)
```
#3d3501
```
#3d3501 rgb(61,53,1)
```
#504601
```
#504601 rgb(80,70,1)
```
#645701
```
#645701 rgb(100,87,1)
```
#776801
```
#776801 rgb(119,104,1)
```
#8a7901
```
#8a7901 rgb(138,121,1)
```
#9e8901
```
#9e8901 rgb(158,137,1)
```
#b19a02
```
#b19a02 rgb(177,154,2)
```
#c5ab02
```
#c5ab02 rgb(197,171,2)
```
#d8bc02
```
#d8bc02 rgb(216,188,2)
```
#eccd02
```
#eccd02 rgb(236,205,2)
```

Shade Color Variation

#fddc05
```
#fddc05 rgb(253,220,5)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```
#fde22b
```
#fde22b rgb(253,226,43)
```
#fde43f
```
#fde43f rgb(253,228,63)
```
#fee752
```
#fee752 rgb(254,231,82)
```
#feea66
```
#feea66 rgb(254,234,102)
```
#feec79
```
#feec79 rgb(254,236,121)
```
#feef8d
```
#feef8d rgb(254,239,141)
```
#fef2a0
```
#fef2a0 rgb(254,242,160)
```
#fef5b4
```
#fef5b4 rgb(254,245,180)
```
#fff7c7
```
#fff7c7 rgb(255,247,199)
```
#fffada
```
#fffada rgb(255,250,218)
```
#fffdee
```
#fffdee rgb(255,253,238)
```

Tint Color Variation

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

#919084
```
#919084 rgb(145,144,132)
```
#9a967b
```
#9a967b rgb(154,150,123)
```
#a39d72
```
#a39d72 rgb(163,157,114)
```
#aca369
```
#aca369 rgb(172,163,105)
```
#b5aa60
```
#b5aa60 rgb(181,170,96)
```
#beb157
```
#beb157 rgb(190,177,87)
```
#c7b74e
```
#c7b74e rgb(199,183,78)
```
#d0be45
```
#d0be45 rgb(208,190,69)
```
#d9c53c
```
#d9c53c rgb(217,197,60)
```
#e2cb33
```
#e2cb33 rgb(226,203,51)
```
#ebd22a
```
#ebd22a rgb(235,210,42)
```
#f4d821
```
#f4d821 rgb(244,216,33)
```
#fddf18
```
#fddf18 rgb(253,223,24)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#dad4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe124 Protanopia 1% of men
#ffdba9 Deuteranopia 1% of men
#ffd6e0 Tritanopia 0.001% of the population

Trichromacy

#fce01f Protanomaly 1% of men, 0.01% of women
#fedc74 Deuteranomaly 6% of men, 0.4% of women
#fed997 Tritanomaly 0.01% of the population

#fddf18 hex color

#fddf18 Color Information

#fddf18 Color Conversion

Color Schemes with #fddf18

Alternatives to #fddf18

#fddf18 Preview

Shades and Tints of #fddf18

Tones of #fddf18

Color Blindness Simulator