#fec306 hex color

In a RGB color space, hex #fec306 is composed of 99.6% red, 76.5% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 97.6% yellow and 0.4% black. It has a hue angle of 45.7 degrees, a saturation of 99.2% and a lightness of 51%. #fec306 color hex could be obtained by blending #ffff0c with #fd8700. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 100
- G 76
- B 2
RGB color chart
- C 0
- M 23
- Y 98
- K 0
CMYK color chart

● #fec306 color description : Vivid yellow.

The hexadecimal color #fec306 has RGB values of R:254, G:195, B:6 and CMYK values of C:0, M:0.23, Y:0.98, K:0. Its decimal value is 16696070.

Hex triplet	fec306	`#fec306`
RGB Decimal	254, 195, 6	`rgb(254,195,6)`
RGB Percent	99.6, 76.5, 2.4	`rgb(99.6%,76.5%,2.4%)`
CMYK	0, 23, 98, 0
HSL	45.7°, 99.2, 51	`hsl(45.7,99.2%,51%)`
HSV (or HSB)	45.7°, 97.6, 99.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.902, 7.931, 83.006
XYZ	60.422, 60.117, 8.594
xyY	0.468, 0.466, 60.117
CIE-LCH	81.902, 83.384, 84.542
CIE-LUV	81.902, 49.822, 84.445
Hunter-Lab	77.535, 3.415, 47.703
Binary	11111110, 11000011, 00000110

#fec306
```
#fec306 rgb(254,195,6)
```
#0641fe
```
#0641fe rgb(6,65,254)
```

Complementary Color

#fe4706
```
#fe4706 rgb(254,71,6)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#bdfe06
```
#bdfe06 rgb(189,254,6)
```

Analogous Color

#4706fe
```
#4706fe rgb(71,6,254)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#06bdfe
```
#06bdfe rgb(6,189,254)
```

Split Complementary Color

#c306fe
```
#c306fe rgb(195,6,254)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#06fec3
```
#06fec3 rgb(6,254,195)
```

Triadic Color

#fe0641
```
#fe0641 rgb(254,6,65)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#06fec3
```
#06fec3 rgb(6,254,195)
```
#0641fe
```
#0641fe rgb(6,65,254)
```

Tetradic Color

#b78b01
```
#b78b01 rgb(183,139,1)
```
#d09f01
```
#d09f01 rgb(208,159,1)
```
#eab201
```
#eab201 rgb(234,178,1)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#fec91f
```
#fec91f rgb(254,201,31)
```
#fecf39
```
#fecf39 rgb(254,207,57)
```
#fed552
```
#fed552 rgb(254,213,82)
```

Monochromatic Color

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

#fe8506
```
#fe8506 rgb(254,133,6)
```
#fe9a06
```
#fe9a06 rgb(254,154,6)
```
#feae06
```
#feae06 rgb(254,174,6)
```
#fec306
```
#fec306 rgb(254,195,6)
```
#fed806
```
#fed806 rgb(254,216,6)
```
#feec06
```
#feec06 rgb(254,236,6)
```
#fbfe06
```
#fbfe06 rgb(251,254,6)
```

Similar Colors

Text with hexadecimal color #fec306

This text has a font color of #fec306.

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

#fec306 background color

This paragraph has a background color of #fec306.

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

#fec306 border color

This element has a border color of #fec306.

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

CSS codes

.text {color:#fec306;}

.background {background-color:#fec306;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#191300
```
#191300 rgb(25,19,0)
```
#2c2200
```
#2c2200 rgb(44,34,0)
```
#403100
```
#403100 rgb(64,49,0)
```
#533f00
```
#533f00 rgb(83,63,0)
```
#674e00
```
#674e00 rgb(103,78,0)
```
#7a5d00
```
#7a5d00 rgb(122,93,0)
```
#8e6c01
```
#8e6c01 rgb(142,108,1)
```
#a17b01
```
#a17b01 rgb(161,123,1)
```
#b58a01
```
#b58a01 rgb(181,138,1)
```
#c89901
```
#c89901 rgb(200,153,1)
```
#dca801
```
#dca801 rgb(220,168,1)
```
#efb701
```
#efb701 rgb(239,183,1)
```

Shade Color Variation

#fec306
```
#fec306 rgb(254,195,6)
```
#fec81a
```
#fec81a rgb(254,200,26)
```
#fecc2d
```
#fecc2d rgb(254,204,45)
```
#fed141
```
#fed141 rgb(254,209,65)
```
#fed654
```
#fed654 rgb(254,214,84)
```
#fedb68
```
#fedb68 rgb(254,219,104)
```
#fedf7b
```
#fedf7b rgb(254,223,123)
```
#ffe48f
```
#ffe48f rgb(255,228,143)
```
#ffe9a2
```
#ffe9a2 rgb(255,233,162)
```
#ffedb6
```
#ffedb6 rgb(255,237,182)
```
#fff2c9
```
#fff2c9 rgb(255,242,201)
```
#fff7dd
```
#fff7dd rgb(255,247,221)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#8b8779
```
#8b8779 rgb(139,135,121)
```
#948c70
```
#948c70 rgb(148,140,112)
```
#9e9166
```
#9e9166 rgb(158,145,102)
```
#a7965d
```
#a7965d rgb(167,150,93)
```
#b19b53
```
#b19b53 rgb(177,155,83)
```
#bba049
```
#bba049 rgb(187,160,73)
```
#c4a540
```
#c4a540 rgb(196,165,64)
```
#ceaa36
```
#ceaa36 rgb(206,170,54)
```
#d8af2c
```
#d8af2c rgb(216,175,44)
```
#e1b423
```
#e1b423 rgb(225,180,35)
```
#ebb919
```
#ebb919 rgb(235,185,25)
```
#f4be10
```
#f4be10 rgb(244,190,16)
```
#fec306
```
#fec306 rgb(254,195,6)
```

Tone Color Variation

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

Dichromacy

#e7ce17 Protanopia 1% of men
#ffc545 Deuteranopia 1% of men
#ffbdc7 Tritanopia 0.001% of the population

Trichromacy

#efca10 Protanomaly 1% of men, 0.01% of women
#fec42e Deuteranomaly 6% of men, 0.4% of women
#febf80 Tritanomaly 0.01% of the population

#fec306 hex color

#fec306 Color Information

#fec306 Color Conversion

Color Schemes with #fec306

Alternatives to #fec306

#fec306 Preview

Shades and Tints of #fec306

Tones of #fec306

Color Blindness Simulator