#fec402 hex color

In a RGB color space, hex #fec402 is composed of 99.6% red, 76.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.8% magenta, 99.2% yellow and 0.4% black. It has a hue angle of 46.2 degrees, a saturation of 99.2% and a lightness of 50.2%. #fec402 color hex could be obtained by blending #ffff04 with #fd8900. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 100
- G 77
- B 1
RGB color chart
- C 0
- M 23
- Y 99
- K 0
CMYK color chart

● #fec402 color description : Vivid yellow.

The hexadecimal color #fec402 has RGB values of R:254, G:196, B:2 and CMYK values of C:0, M:0.23, Y:0.99, K:0. Its decimal value is 16696322.

Hex triplet	fec402	`#fec402`
RGB Decimal	254, 196, 2	`rgb(254,196,2)`
RGB Percent	99.6, 76.9, 0.8	`rgb(99.6%,76.9%,0.8%)`
CMYK	0, 23, 99, 0
HSL	46.2°, 99.2, 50.2	`hsl(46.2,99.2%,50.2%)`
HSV (or HSB)	46.2°, 99.2, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	82.141, 7.382, 83.553
XYZ	60.625, 60.558, 8.553
xyY	0.467, 0.467, 60.558
CIE-LCH	82.141, 83.878, 84.951
CIE-LUV	82.141, 49.08, 85.015
Hunter-Lab	77.819, 2.877, 47.957
Binary	11111110, 11000100, 00000010

#fec402
```
#fec402 rgb(254,196,2)
```
#023cfe
```
#023cfe rgb(2,60,254)
```

Complementary Color

#fe4602
```
#fe4602 rgb(254,70,2)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#bafe02
```
#bafe02 rgb(186,254,2)
```

Analogous Color

#4602fe
```
#4602fe rgb(70,2,254)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#02bafe
```
#02bafe rgb(2,186,254)
```

Split Complementary Color

#c402fe
```
#c402fe rgb(196,2,254)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#02fec4
```
#02fec4 rgb(2,254,196)
```

Triadic Color

#fe023c
```
#fe023c rgb(254,2,60)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#02fec4
```
#02fec4 rgb(2,254,196)
```
#023cfe
```
#023cfe rgb(2,60,254)
```

Tetradic Color

#b38a01
```
#b38a01 rgb(179,138,1)
```
#cc9d01
```
#cc9d01 rgb(204,157,1)
```
#e6b101
```
#e6b101 rgb(230,177,1)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#feca1b
```
#feca1b rgb(254,202,27)
```
#fed035
```
#fed035 rgb(254,208,53)
```
#fed64e
```
#fed64e rgb(254,214,78)
```

Monochromatic Color

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

#fe8502
```
#fe8502 rgb(254,133,2)
```
#fe9a02
```
#fe9a02 rgb(254,154,2)
```
#feaf02
```
#feaf02 rgb(254,175,2)
```
#fec402
```
#fec402 rgb(254,196,2)
```
#fed902
```
#fed902 rgb(254,217,2)
```
#feee02
```
#feee02 rgb(254,238,2)
```
#f9fe02
```
#f9fe02 rgb(249,254,2)
```

Similar Colors

Text with hexadecimal color #fec402

This text has a font color of #fec402.

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

#fec402 background color

This paragraph has a background color of #fec402.

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

#fec402 border color

This element has a border color of #fec402.

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

CSS codes

.text {color:#fec402;}

.background {background-color:#fec402;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#151000
```
#151000 rgb(21,16,0)
```
#281f00
```
#281f00 rgb(40,31,0)
```
#3c2e00
```
#3c2e00 rgb(60,46,0)
```
#4f3d00
```
#4f3d00 rgb(79,61,0)
```
#634c00
```
#634c00 rgb(99,76,0)
```
#765b00
```
#765b00 rgb(118,91,0)
```
#8a6a01
```
#8a6a01 rgb(138,106,1)
```
#9d7901
```
#9d7901 rgb(157,121,1)
```
#b18801
```
#b18801 rgb(177,136,1)
```
#c49701
```
#c49701 rgb(196,151,1)
```
#d8a601
```
#d8a601 rgb(216,166,1)
```
#ebb501
```
#ebb501 rgb(235,181,1)
```

Shade Color Variation

#fec402
```
#fec402 rgb(254,196,2)
```
#fec916
```
#fec916 rgb(254,201,22)
```
#fecd29
```
#fecd29 rgb(254,205,41)
```
#fed23d
```
#fed23d rgb(254,210,61)
```
#fed650
```
#fed650 rgb(254,214,80)
```
#fedb64
```
#fedb64 rgb(254,219,100)
```
#fedf77
```
#fedf77 rgb(254,223,119)
```
#ffe48b
```
#ffe48b rgb(255,228,139)
```
#ffe89e
```
#ffe89e rgb(255,232,158)
```
#ffedb2
```
#ffedb2 rgb(255,237,178)
```
#fff2c5
```
#fff2c5 rgb(255,242,197)
```
#fff6d9
```
#fff6d9 rgb(255,246,217)
```
#fffbec
```
#fffbec rgb(255,251,236)
```

Tint Color Variation

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

#898577
```
#898577 rgb(137,133,119)
```
#938a6d
```
#938a6d rgb(147,138,109)
```
#9c8f64
```
#9c8f64 rgb(156,143,100)
```
#a6955a
```
#a6955a rgb(166,149,90)
```
#b09a50
```
#b09a50 rgb(176,154,80)
```
#ba9f46
```
#ba9f46 rgb(186,159,70)
```
#c3a43d
```
#c3a43d rgb(195,164,61)
```
#cdaa33
```
#cdaa33 rgb(205,170,51)
```
#d7af29
```
#d7af29 rgb(215,175,41)
```
#e1b41f
```
#e1b41f rgb(225,180,31)
```
#eab916
```
#eab916 rgb(234,185,22)
```
#f4bf0c
```
#f4bf0c rgb(244,191,12)
```
#fec402
```
#fec402 rgb(254,196,2)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#ccc099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf12 Protanopia 1% of men
#ffc54c Deuteranopia 1% of men
#ffbdc8 Tritanopia 0.001% of the population

Trichromacy

#f0cb0c Protanomaly 1% of men, 0.01% of women
#fec531 Deuteranomaly 6% of men, 0.4% of women
#fec080 Tritanomaly 0.01% of the population

#fec402 hex color

#fec402 Color Information

#fec402 Color Conversion

Color Schemes with #fec402

Alternatives to #fec402

#fec402 Preview

Shades and Tints of #fec402

Tones of #fec402

Color Blindness Simulator