#fed22c hex color

In a RGB color space, hex #fed22c is composed of 99.6% red, 82.4% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 82.7% yellow and 0.4% black. It has a hue angle of 47.4 degrees, a saturation of 99.1% and a lightness of 58.4%. #fed22c color hex could be obtained by blending #ffff58 with #fda500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 82
- B 17
RGB color chart
- C 0
- M 17
- Y 83
- K 0
CMYK color chart

● #fed22c color description : Bright yellow.

The hexadecimal color #fed22c has RGB values of R:254, G:210, B:44 and CMYK values of C:0, M:0.17, Y:0.83, K:0. Its decimal value is 16699948.

Hex triplet	fed22c	`#fed22c`
RGB Decimal	254, 210, 44	`rgb(254,210,44)`
RGB Percent	99.6, 82.4, 17.3	`rgb(99.6%,82.4%,17.3%)`
CMYK	0, 17, 83, 0
HSL	47.4°, 99.1, 58.4	`hsl(47.4,99.1%,58.4%)`
HSV (or HSB)	47.4°, 82.7, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.68, 0.825, 79.443
XYZ	64.375, 67.349, 11.992
xyY	0.448, 0.469, 67.349
CIE-LCH	85.68, 79.447, 89.405
CIE-LUV	85.68, 37.895, 86.265
Hunter-Lab	82.066, -3.595, 48.783
Binary	11111110, 11010010, 00101100

#fed22c
```
#fed22c rgb(254,210,44)
```
#2c58fe
```
#2c58fe rgb(44,88,254)
```

Complementary Color

#fe692c
```
#fe692c rgb(254,105,44)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#c1fe2c
```
#c1fe2c rgb(193,254,44)
```

Analogous Color

#692cfe
```
#692cfe rgb(105,44,254)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#2cc1fe
```
#2cc1fe rgb(44,193,254)
```

Split Complementary Color

#d22cfe
```
#d22cfe rgb(210,44,254)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#2cfed2
```
#2cfed2 rgb(44,254,210)
```

Triadic Color

#fe2c58
```
#fe2c58 rgb(254,44,88)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#2cfed2
```
#2cfed2 rgb(44,254,210)
```
#2c58fe
```
#2c58fe rgb(44,88,254)
```

Tetradic Color

#dcae01
```
#dcae01 rgb(220,174,1)
```
#f6c301
```
#f6c301 rgb(246,195,1)
```
#fecd13
```
#fecd13 rgb(254,205,19)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#fed745
```
#fed745 rgb(254,215,69)
```
#fedd5f
```
#fedd5f rgb(254,221,95)
```
#fee278
```
#fee278 rgb(254,226,120)
```

Monochromatic Color

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

#fe9e2c
```
#fe9e2c rgb(254,158,44)
```
#feaf2c
```
#feaf2c rgb(254,175,44)
```
#fec12c
```
#fec12c rgb(254,193,44)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#fee42c
```
#fee42c rgb(254,228,44)
```
#fef52c
```
#fef52c rgb(254,245,44)
```
#f6fe2c
```
#f6fe2c rgb(246,254,44)
```

Similar Colors

Text with hexadecimal color #fed22c

This text has a font color of #fed22c.

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

#fed22c background color

This paragraph has a background color of #fed22c.

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

#fed22c border color

This element has a border color of #fed22c.

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

CSS codes

.text {color:#fed22c;}

.background {background-color:#fed22c;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2b2200
```
#2b2200 rgb(43,34,0)
```
#3e3100
```
#3e3100 rgb(62,49,0)
```
#524100
```
#524100 rgb(82,65,0)
```
#655000
```
#655000 rgb(101,80,0)
```
#796001
```
#796001 rgb(121,96,1)
```
#8c6f01
```
#8c6f01 rgb(140,111,1)
```
#a07f01
```
#a07f01 rgb(160,127,1)
```
#b38e01
```
#b38e01 rgb(179,142,1)
```
#c79d01
```
#c79d01 rgb(199,157,1)
```
#dbad01
```
#dbad01 rgb(219,173,1)
```
#eebc01
```
#eebc01 rgb(238,188,1)
```

Shade Color Variation

#feca05
```
#feca05 rgb(254,202,5)
```
#fece18
```
#fece18 rgb(254,206,24)
```
#fed22c
```
#fed22c rgb(254,210,44)
```
#fed640
```
#fed640 rgb(254,214,64)
```
#feda53
```
#feda53 rgb(254,218,83)
```
#fede67
```
#fede67 rgb(254,222,103)
```
#fee37a
```
#fee37a rgb(254,227,122)
```
#fee78e
```
#fee78e rgb(254,231,142)
```
#ffeba1
```
#ffeba1 rgb(255,235,161)
```
#ffefb5
```
#ffefb5 rgb(255,239,181)
```
#fff3c8
```
#fff3c8 rgb(255,243,200)
```
#fff7dc
```
#fff7dc rgb(255,247,220)
```
#fffcef
```
#fffcef rgb(255,252,239)
```

Tint Color Variation

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

#9c998e
```
#9c998e rgb(156,153,142)
```
#a49e86
```
#a49e86 rgb(164,158,134)
```
#aca37e
```
#aca37e rgb(172,163,126)
```
#b5a775
```
#b5a775 rgb(181,167,117)
```
#bdac6d
```
#bdac6d rgb(189,172,109)
```
#c5b165
```
#c5b165 rgb(197,177,101)
```
#cdb65d
```
#cdb65d rgb(205,182,93)
```
#d5ba55
```
#d5ba55 rgb(213,186,85)
```
#ddbf4d
```
#ddbf4d rgb(221,191,77)
```
#e6c444
```
#e6c444 rgb(230,196,68)
```
#eec93c
```
#eec93c rgb(238,201,60)
```
#f6cd34
```
#f6cd34 rgb(246,205,52)
```
#fed22c
```
#fed22c rgb(254,210,44)
```

Tone Color Variation

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

Dichromacy

#f1d838 Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcbd5 Tritanopia 0.001% of the population

Trichromacy

#f6d633 Protanomaly 1% of men, 0.01% of women
#fed166 Deuteranomaly 6% of men, 0.4% of women
#fecd97 Tritanomaly 0.01% of the population

#fed22c hex color

#fed22c Color Information

#fed22c Color Conversion

Color Schemes with #fed22c

Alternatives to #fed22c

#fed22c Preview

Shades and Tints of #fed22c

Tones of #fed22c

Color Blindness Simulator