#fec225 hex color

In a RGB color space, hex #fec225 is composed of 99.6% red, 76.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.6% magenta, 85.4% yellow and 0.4% black. It has a hue angle of 43.4 degrees, a saturation of 99.1% and a lightness of 57.1%. #fec225 color hex could be obtained by blending #ffff4a with #fd8500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 76
- B 15
RGB color chart
- C 0
- M 24
- Y 85
- K 0
CMYK color chart

● #fec225 color description : Vivid orange.

The hexadecimal color #fec225 has RGB values of R:254, G:194, B:37 and CMYK values of C:0, M:0.24, Y:0.85, K:0. Its decimal value is 16695845.

Hex triplet	fec225	`#fec225`
RGB Decimal	254, 194, 37	`rgb(254,194,37)`
RGB Percent	99.6, 76.1, 14.5	`rgb(99.6%,76.1%,14.5%)`
CMYK	0, 24, 85, 0
HSL	43.4°, 99.1, 57.1	`hsl(43.4,99.1%,57.1%)`
HSV (or HSB)	43.4°, 85.4, 99.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.725, 8.879, 77.942
XYZ	60.5, 59.791, 10.105
xyY	0.464, 0.459, 59.791
CIE-LCH	81.725, 78.446, 83.501
CIE-LUV	81.725, 50.123, 81.271
Hunter-Lab	77.325, 4.342, 46.379
Binary	11111110, 11000010, 00100101

#fec225
```
#fec225 rgb(254,194,37)
```
#2561fe
```
#2561fe rgb(37,97,254)
```

Complementary Color

#fe5525
```
#fe5525 rgb(254,85,37)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#cefe25
```
#cefe25 rgb(206,254,37)
```

Analogous Color

#5525fe
```
#5525fe rgb(85,37,254)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#25cefe
```
#25cefe rgb(37,206,254)
```

Split Complementary Color

#c225fe
```
#c225fe rgb(194,37,254)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#25fec2
```
#25fec2 rgb(37,254,194)
```

Triadic Color

#fe2561
```
#fe2561 rgb(254,37,97)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#25fec2
```
#25fec2 rgb(37,254,194)
```
#2561fe
```
#2561fe rgb(37,97,254)
```

Tetradic Color

#d69b01
```
#d69b01 rgb(214,155,1)
```
#efad01
```
#efad01 rgb(239,173,1)
```
#febb0c
```
#febb0c rgb(254,187,12)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#fec93e
```
#fec93e rgb(254,201,62)
```
#fed058
```
#fed058 rgb(254,208,88)
```
#fed771
```
#fed771 rgb(254,215,113)
```

Monochromatic Color

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

#fe8c25
```
#fe8c25 rgb(254,140,37)
```
#fe9e25
```
#fe9e25 rgb(254,158,37)
```
#feb025
```
#feb025 rgb(254,176,37)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#fed425
```
#fed425 rgb(254,212,37)
```
#fee625
```
#fee625 rgb(254,230,37)
```
#fef825
```
#fef825 rgb(254,248,37)
```

Similar Colors

Text with hexadecimal color #fec225

This text has a font color of #fec225.

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

#fec225 background color

This paragraph has a background color of #fec225.

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

#fec225 border color

This element has a border color of #fec225.

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

CSS codes

.text {color:#fec225;}

.background {background-color:#fec225;}

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

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, #100c00 is the darkest color, while #fffefc is the lightest one.

#100c00
```
#100c00 rgb(16,12,0)
```
#241a00
```
#241a00 rgb(36,26,0)
```
#372800
```
#372800 rgb(55,40,0)
```
#4b3600
```
#4b3600 rgb(75,54,0)
```
#5e4400
```
#5e4400 rgb(94,68,0)
```
#725301
```
#725301 rgb(114,83,1)
```
#856101
```
#856101 rgb(133,97,1)
```
#996f01
```
#996f01 rgb(153,111,1)
```
#ad7d01
```
#ad7d01 rgb(173,125,1)
```
#c08b01
```
#c08b01 rgb(192,139,1)
```
#d49901
```
#d49901 rgb(212,153,1)
```
#e7a701
```
#e7a701 rgb(231,167,1)
```
#fbb601
```
#fbb601 rgb(251,182,1)
```

Shade Color Variation

#febd11
```
#febd11 rgb(254,189,17)
```
#fec225
```
#fec225 rgb(254,194,37)
```
#fec739
```
#fec739 rgb(254,199,57)
```
#fecd4c
```
#fecd4c rgb(254,205,76)
```
#fed260
```
#fed260 rgb(254,210,96)
```
#fed873
```
#fed873 rgb(254,216,115)
```
#fedd87
```
#fedd87 rgb(254,221,135)
```
#ffe39a
```
#ffe39a rgb(255,227,154)
```
#ffe8ae
```
#ffe8ae rgb(255,232,174)
```
#ffeec1
```
#ffeec1 rgb(255,238,193)
```
#fff3d5
```
#fff3d5 rgb(255,243,213)
```
#fff9e8
```
#fff9e8 rgb(255,249,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#99958a
```
#99958a rgb(153,149,138)
```
#a19982
```
#a19982 rgb(161,153,130)
```
#aa9c79
```
#aa9c79 rgb(170,156,121)
```
#b2a071
```
#b2a071 rgb(178,160,113)
```
#bba468
```
#bba468 rgb(187,164,104)
```
#c3a860
```
#c3a860 rgb(195,168,96)
```
#cbab58
```
#cbab58 rgb(203,171,88)
```
#d4af4f
```
#d4af4f rgb(212,175,79)
```
#dcb347
```
#dcb347 rgb(220,179,71)
```
#e5b73e
```
#e5b73e rgb(229,183,62)
```
#edba36
```
#edba36 rgb(237,186,54)
```
#f6be2d
```
#f6be2d rgb(246,190,45)
```
#fec225
```
#fec225 rgb(254,194,37)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec2a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce32 Protanopia 1% of men
#ffc444 Deuteranopia 1% of men
#ffbcc6 Tritanopia 0.001% of the population

Trichromacy

#eec92d Protanomaly 1% of men, 0.01% of women
#fec338 Deuteranomaly 6% of men, 0.4% of women
#febe8b Tritanomaly 0.01% of the population

#fec225 hex color

#fec225 Color Information

#fec225 Color Conversion

Color Schemes with #fec225

Alternatives to #fec225

#fec225 Preview

Shades and Tints of #fec225

Tones of #fec225

Color Blindness Simulator