colorhexa.com

#fed22b hex color

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

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

● #fed22b color description : Bright yellow.

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

Hex triplet	fed22b	`#fed22b`
RGB Decimal	254, 210, 43	`rgb(254,210,43)`
RGB Percent	99.6, 82.4, 16.9	`rgb(99.6%,82.4%,16.9%)`
CMYK	0, 17, 83, 0
HSL	47.5°, 99.1, 58.2	`hsl(47.5,99.1%,58.2%)`
HSV (or HSB)	47.5°, 83.1, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.676, 0.799, 79.698
XYZ	64.357, 67.341, 11.894
xyY	0.448, 0.469, 67.341
CIE-LCH	85.676, 79.702, 89.425
CIE-LUV	85.676, 37.917, 86.426
Hunter-Lab	82.062, -3.62, 48.85
Binary	11111110, 11010010, 00101011

#fed22b
```
#fed22b rgb(254,210,43)
```
#2b57fe
```
#2b57fe rgb(43,87,254)
```

Complementary Color

#fe692b
```
#fe692b rgb(254,105,43)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#c1fe2b
```
#c1fe2b rgb(193,254,43)
```

Analogous Color

#692bfe
```
#692bfe rgb(105,43,254)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#2bc1fe
```
#2bc1fe rgb(43,193,254)
```

Split Complementary Color

#d22bfe
```
#d22bfe rgb(210,43,254)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#2bfed2
```
#2bfed2 rgb(43,254,210)
```

Triadic Color

#fe2b57
```
#fe2b57 rgb(254,43,87)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#2bfed2
```
#2bfed2 rgb(43,254,210)
```
#2b57fe
```
#2b57fe rgb(43,87,254)
```

Tetradic Color

#dbae01
```
#dbae01 rgb(219,174,1)
```
#f5c201
```
#f5c201 rgb(245,194,1)
```
#fecd12
```
#fecd12 rgb(254,205,18)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#fed744
```
#fed744 rgb(254,215,68)
```
#fedd5e
```
#fedd5e rgb(254,221,94)
```
#fee277
```
#fee277 rgb(254,226,119)
```

Monochromatic Color

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

#fe9d2b
```
#fe9d2b rgb(254,157,43)
```
#feaf2b
```
#feaf2b rgb(254,175,43)
```
#fec02b
```
#fec02b rgb(254,192,43)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#fee42b
```
#fee42b rgb(254,228,43)
```
#fef52b
```
#fef52b rgb(254,245,43)
```
#f5fe2b
```
#f5fe2b rgb(245,254,43)
```

Similar Colors

Text with hexadecimal color #fed22b

This text has a font color of #fed22b.

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

#fed22b background color

This paragraph has a background color of #fed22b.

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

#fed22b border color

This element has a border color of #fed22b.

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

CSS codes

.text {color:#fed22b;}

.background {background-color:#fed22b;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#161200
```
#161200 rgb(22,18,0)
```
#2a2100
```
#2a2100 rgb(42,33,0)
```
#3d3100
```
#3d3100 rgb(61,49,0)
```
#514000
```
#514000 rgb(81,64,0)
```
#645000
```
#645000 rgb(100,80,0)
```
#785f01
```
#785f01 rgb(120,95,1)
```
#8b6e01
```
#8b6e01 rgb(139,110,1)
```
#9f7e01
```
#9f7e01 rgb(159,126,1)
```
#b28d01
```
#b28d01 rgb(178,141,1)
```
#c69d01
```
#c69d01 rgb(198,157,1)
```
#daac01
```
#daac01 rgb(218,172,1)
```
#edbc01
```
#edbc01 rgb(237,188,1)
```

Shade Color Variation

#feca04
```
#feca04 rgb(254,202,4)
```
#fece17
```
#fece17 rgb(254,206,23)
```
#fed22b
```
#fed22b rgb(254,210,43)
```
#fed63f
```
#fed63f rgb(254,214,63)
```
#feda52
```
#feda52 rgb(254,218,82)
```
#fede66
```
#fede66 rgb(254,222,102)
```
#fee379
```
#fee379 rgb(254,227,121)
```
#fee78d
```
#fee78d rgb(254,231,141)
```
#ffeba0
```
#ffeba0 rgb(255,235,160)
```
#ffefb4
```
#ffefb4 rgb(255,239,180)
```
#fff3c7
```
#fff3c7 rgb(255,243,199)
```
#fff7db
```
#fff7db rgb(255,247,219)
```
#fffbee
```
#fffbee rgb(255,251,238)
```

Tint Color Variation

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

#9c998d
```
#9c998d rgb(156,153,141)
```
#a49d85
```
#a49d85 rgb(164,157,133)
```
#aca27d
```
#aca27d rgb(172,162,125)
```
#b4a775
```
#b4a775 rgb(180,167,117)
```
#bcac6d
```
#bcac6d rgb(188,172,109)
```
#c5b164
```
#c5b164 rgb(197,177,100)
```
#cdb55c
```
#cdb55c rgb(205,181,92)
```
#d5ba54
```
#d5ba54 rgb(213,186,84)
```
#ddbf4c
```
#ddbf4c rgb(221,191,76)
```
#e5c444
```
#e5c444 rgb(229,196,68)
```
#eec83b
```
#eec83b rgb(238,200,59)
```
#f6cd33
```
#f6cd33 rgb(246,205,51)
```
#fed22b
```
#fed22b rgb(254,210,43)
```

Tone Color Variation

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

#f2d837 Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcad5 Tritanopia 0.001% of the population

Trichromacy

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