#fdf228 hex color

In a RGB color space, hex #fdf228 is composed of 99.2% red, 94.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.3% magenta, 84.2% yellow and 0.8% black. It has a hue angle of 56.9 degrees, a saturation of 98.2% and a lightness of 57.5%. #fdf228 color hex could be obtained by blending #ffff50 with #fbe500. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 99
- G 95
- B 16
RGB color chart
- C 0
- M 4
- Y 84
- K 1
CMYK color chart

● #fdf228 color description : Bright yellow.

The hexadecimal color #fdf228 has RGB values of R:253, G:242, B:40 and CMYK values of C:0, M:0.04, Y:0.84, K:0.01. Its decimal value is 16642600.

Hex triplet	fdf228	`#fdf228`
RGB Decimal	253, 242, 40	`rgb(253,242,40)`
RGB Percent	99.2, 94.9, 15.7	`rgb(99.2%,94.9%,15.7%)`
CMYK	0, 4, 84, 1
HSL	56.9°, 98.2, 57.5	`hsl(56.9,98.2%,57.5%)`
HSV (or HSB)	56.9°, 84.2, 99.2
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.685, -15.634, 86.982
XYZ	72.644, 84.542, 14.499
xyY	0.423, 0.492, 84.542
CIE-LCH	93.685, 88.376, 100.19
CIE-LUV	93.685, 14.703, 99.045
Hunter-Lab	91.947, -19.881, 55.013
Binary	11111101, 11110010, 00101000

#fdf228
```
#fdf228 rgb(253,242,40)
```
#2833fd
```
#2833fd rgb(40,51,253)
```

Complementary Color

#fd8828
```
#fd8828 rgb(253,136,40)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#9efd28
```
#9efd28 rgb(158,253,40)
```

Analogous Color

#8828fd
```
#8828fd rgb(136,40,253)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#289efd
```
#289efd rgb(40,158,253)
```

Split Complementary Color

#f228fd
```
#f228fd rgb(242,40,253)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#28fdf2
```
#28fdf2 rgb(40,253,242)
```

Triadic Color

#fd2833
```
#fd2833 rgb(253,40,51)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#28fdf2
```
#28fdf2 rgb(40,253,242)
```
#2833fd
```
#2833fd rgb(40,51,253)
```

Tetradic Color

#d7cc02
```
#d7cc02 rgb(215,204,2)
```
#f0e402
```
#f0e402 rgb(240,228,2)
```
#fdf00f
```
#fdf00f rgb(253,240,15)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#fdf441
```
#fdf441 rgb(253,244,65)
```
#fdf55b
```
#fdf55b rgb(253,245,91)
```
#fef774
```
#fef774 rgb(254,247,116)
```

Monochromatic Color

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

#fdbd28
```
#fdbd28 rgb(253,189,40)
```
#fdcf28
```
#fdcf28 rgb(253,207,40)
```
#fde028
```
#fde028 rgb(253,224,40)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#f6fd28
```
#f6fd28 rgb(246,253,40)
```
#e5fd28
```
#e5fd28 rgb(229,253,40)
```
#d3fd28
```
#d3fd28 rgb(211,253,40)
```

Similar Colors

Text with hexadecimal color #fdf228

This text has a font color of #fdf228.

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

#fdf228 background color

This paragraph has a background color of #fdf228.

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

#fdf228 border color

This element has a border color of #fdf228.

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

CSS codes

.text {color:#fdf228;}

.background {background-color:#fdf228;}

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

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

#121100
```
#121100 rgb(18,17,0)
```
#262400
```
#262400 rgb(38,36,0)
```
#393601
```
#393601 rgb(57,54,1)
```
#4d4901
```
#4d4901 rgb(77,73,1)
```
#605b01
```
#605b01 rgb(96,91,1)
```
#736d01
```
#736d01 rgb(115,109,1)
```
#878001
```
#878001 rgb(135,128,1)
```
#9a9201
```
#9a9201 rgb(154,146,1)
```
#aea502
```
#aea502 rgb(174,165,2)
```
#c1b702
```
#c1b702 rgb(193,183,2)
```
#d5ca02
```
#d5ca02 rgb(213,202,2)
```
#e8dc02
```
#e8dc02 rgb(232,220,2)
```
#fbef02
```
#fbef02 rgb(251,239,2)
```

Shade Color Variation

#fdf115
```
#fdf115 rgb(253,241,21)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```
#fdf33b
```
#fdf33b rgb(253,243,59)
```
#fdf44f
```
#fdf44f rgb(253,244,79)
```
#fef662
```
#fef662 rgb(254,246,98)
```
#fef776
```
#fef776 rgb(254,247,118)
```
#fef889
```
#fef889 rgb(254,248,137)
```
#fef99d
```
#fef99d rgb(254,249,157)
```
#fefab0
```
#fefab0 rgb(254,250,176)
```
#fefbc3
```
#fefbc3 rgb(254,251,195)
```
#fffdd7
```
#fffdd7 rgb(255,253,215)
```
#fffeea
```
#fffeea rgb(255,254,234)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#99988c
```
#99988c rgb(153,152,140)
```
#a1a084
```
#a1a084 rgb(161,160,132)
```
#aaa77b
```
#aaa77b rgb(170,167,123)
```
#b2af73
```
#b2af73 rgb(178,175,115)
```
#bab66b
```
#bab66b rgb(186,182,107)
```
#c3be62
```
#c3be62 rgb(195,190,98)
```
#cbc55a
```
#cbc55a rgb(203,197,90)
```
#d3cd52
```
#d3cd52 rgb(211,205,82)
```
#dcd449
```
#dcd449 rgb(220,212,73)
```
#e4dc41
```
#e4dc41 rgb(228,220,65)
```
#ece339
```
#ece339 rgb(236,227,57)
```
#f5eb30
```
#f5eb30 rgb(245,235,48)
```
#fdf228
```
#fdf228 rgb(253,242,40)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#e4e2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeea7 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe8f0 Tritanopia 0.001% of the population

Trichromacy

#feef79 Protanomaly 1% of men, 0.01% of women
#feed94 Deuteranomaly 6% of men, 0.4% of women
#feeba7 Tritanomaly 0.01% of the population

#fdf228 hex color

#fdf228 Color Information

#fdf228 Color Conversion

Color Schemes with #fdf228

Alternatives to #fdf228

#fdf228 Preview

Shades and Tints of #fdf228

Tones of #fdf228

Color Blindness Simulator