#fea228 hex color

In a RGB color space, hex #fea228 is composed of 99.6% red, 63.5% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.2% magenta, 84.3% yellow and 0.4% black. It has a hue angle of 34.2 degrees, a saturation of 99.1% and a lightness of 57.6%. #fea228 color hex could be obtained by blending #ffff50 with #fd4500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 64
- B 16
RGB color chart
- C 0
- M 36
- Y 84
- K 0
CMYK color chart

● #fea228 color description : Bright orange.

The hexadecimal color #fea228 has RGB values of R:254, G:162, B:40 and CMYK values of C:0, M:0.36, Y:0.84, K:0. Its decimal value is 16687656.

Hex triplet	fea228	`#fea228`
RGB Decimal	254, 162, 40	`rgb(254,162,40)`
RGB Percent	99.6, 63.5, 15.7	`rgb(99.6%,63.5%,15.7%)`
CMYK	0, 36, 84, 0
HSL	34.2°, 99.1, 57.6	`hsl(34.2,99.1%,57.6%)`
HSV (or HSB)	34.2°, 84.3, 99.6
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.234, 25.632, 70.981
XYZ	54.178, 47.069, 8.239
xyY	0.495, 0.43, 47.069
CIE-LCH	74.234, 75.467, 70.145
CIE-LUV	74.234, 75.516, 68.861
Hunter-Lab	68.607, 20.898, 40.904
Binary	11111110, 10100010, 00101000

#fea228
```
#fea228 rgb(254,162,40)
```
#2884fe
```
#2884fe rgb(40,132,254)
```

Complementary Color

#fe3728
```
#fe3728 rgb(254,55,40)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#effe28
```
#effe28 rgb(239,254,40)
```

Analogous Color

#3728fe
```
#3728fe rgb(55,40,254)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#28effe
```
#28effe rgb(40,239,254)
```

Split Complementary Color

#a228fe
```
#a228fe rgb(162,40,254)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#28fea2
```
#28fea2 rgb(40,254,162)
```

Triadic Color

#fe2884
```
#fe2884 rgb(254,40,132)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#28fea2
```
#28fea2 rgb(40,254,162)
```
#2884fe
```
#2884fe rgb(40,132,254)
```

Tetradic Color

#d87c01
```
#d87c01 rgb(216,124,1)
```
#f28a01
```
#f28a01 rgb(242,138,1)
```
#fe970f
```
#fe970f rgb(254,151,15)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#fead41
```
#fead41 rgb(254,173,65)
```
#feb85b
```
#feb85b rgb(254,184,91)
```
#fec374
```
#fec374 rgb(254,195,116)
```

Monochromatic Color

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

#fe6d28
```
#fe6d28 rgb(254,109,40)
```
#fe7e28
```
#fe7e28 rgb(254,126,40)
```
#fe9028
```
#fe9028 rgb(254,144,40)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#feb428
```
#feb428 rgb(254,180,40)
```
#fec628
```
#fec628 rgb(254,198,40)
```
#fed828
```
#fed828 rgb(254,216,40)
```

Similar Colors

Text with hexadecimal color #fea228

This text has a font color of #fea228.

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

#fea228 background color

This paragraph has a background color of #fea228.

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

#fea228 border color

This element has a border color of #fea228.

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

CSS codes

.text {color:#fea228;}

.background {background-color:#fea228;}

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

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, #130b00 is the darkest color, while #ffffff is the lightest one.

#130b00
```
#130b00 rgb(19,11,0)
```
#271600
```
#271600 rgb(39,22,0)
```
#3a2100
```
#3a2100 rgb(58,33,0)
```
#4e2d00
```
#4e2d00 rgb(78,45,0)
```
#613800
```
#613800 rgb(97,56,0)
```
#754301
```
#754301 rgb(117,67,1)
```
#884e01
```
#884e01 rgb(136,78,1)
```
#9c5901
```
#9c5901 rgb(156,89,1)
```
#af6401
```
#af6401 rgb(175,100,1)
```
#c37001
```
#c37001 rgb(195,112,1)
```
#d77b01
```
#d77b01 rgb(215,123,1)
```
#ea8601
```
#ea8601 rgb(234,134,1)
```
#fe9101
```
#fe9101 rgb(254,145,1)
```

Shade Color Variation

#fe9a14
```
#fe9a14 rgb(254,154,20)
```
#fea228
```
#fea228 rgb(254,162,40)
```
#feaa3c
```
#feaa3c rgb(254,170,60)
```
#feb34f
```
#feb34f rgb(254,179,79)
```
#febb63
```
#febb63 rgb(254,187,99)
```
#fec476
```
#fec476 rgb(254,196,118)
```
#fecc8a
```
#fecc8a rgb(254,204,138)
```
#ffd59d
```
#ffd59d rgb(255,213,157)
```
#ffddb1
```
#ffddb1 rgb(255,221,177)
```
#ffe6c4
```
#ffe6c4 rgb(255,230,196)
```
#ffeed8
```
#ffeed8 rgb(255,238,216)
```
#fff6eb
```
#fff6eb rgb(255,246,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a948c
```
#9a948c rgb(154,148,140)
```
#a39583
```
#a39583 rgb(163,149,131)
```
#ab967b
```
#ab967b rgb(171,150,123)
```
#b39873
```
#b39873 rgb(179,152,115)
```
#bc996a
```
#bc996a rgb(188,153,106)
```
#c49a62
```
#c49a62 rgb(196,154,98)
```
#cc9b5a
```
#cc9b5a rgb(204,155,90)
```
#d49c52
```
#d49c52 rgb(212,156,82)
```
#dd9d49
```
#dd9d49 rgb(221,157,73)
```
#e59f41
```
#e59f41 rgb(229,159,65)
```
#eda039
```
#eda039 rgb(237,160,57)
```
#f6a130
```
#f6a130 rgb(246,161,48)
```
#fea228
```
#fea228 rgb(254,162,40)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#c0ad95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba38 Protanopia 1% of men
#e8b12c Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e0b132 Protanomaly 1% of men, 0.01% of women
#f0ab2b Deuteranomaly 6% of men, 0.4% of women
#fea079 Tritanomaly 0.01% of the population

#fea228 hex color

#fea228 Color Information

#fea228 Color Conversion

Color Schemes with #fea228

Alternatives to #fea228

#fea228 Preview

Shades and Tints of #fea228

Tones of #fea228

Color Blindness Simulator