#ffde0e hex color

In a RGB color space, hex #ffde0e is composed of 100% red, 87.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.9% magenta, 94.5% yellow and 0% black. It has a hue angle of 51.8 degrees, a saturation of 100% and a lightness of 52.7%. #ffde0e color hex could be obtained by blending #ffff1c with #ffbd00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 100
- G 87
- B 5
RGB color chart
- C 0
- M 13
- Y 95
- K 0
CMYK color chart

● #ffde0e color description : Vivid yellow.

The hexadecimal color #ffde0e has RGB values of R:255, G:222, B:14 and CMYK values of C:0, M:0.13, Y:0.95, K:0. Its decimal value is 16768526.

Hex triplet	ffde0e	`#ffde0e`
RGB Decimal	255, 222, 14	`rgb(255,222,14)`
RGB Percent	100, 87.1, 5.5	`rgb(100%,87.1%,5.5%)`
CMYK	0, 13, 95, 0
HSL	51.8°, 100, 52.7	`hsl(51.8,100%,52.7%)`
HSV (or HSB)	51.8°, 94.5, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	88.703, -5.343, 87.213
XYZ	67.441, 73.537, 11.057
xyY	0.444, 0.484, 73.537
CIE-LCH	88.703, 87.377, 93.506
CIE-LUV	88.703, 30.305, 93.993
Hunter-Lab	85.754, -9.686, 52.383
Binary	11111111, 11011110, 00001110

#ffde0e
```
#ffde0e rgb(255,222,14)
```
#0e2fff
```
#0e2fff rgb(14,47,255)
```

Complementary Color

#ff660e
```
#ff660e rgb(255,102,14)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#a8ff0e
```
#a8ff0e rgb(168,255,14)
```

Analogous Color

#660eff
```
#660eff rgb(102,14,255)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#0ea8ff
```
#0ea8ff rgb(14,168,255)
```

Split Complementary Color

#de0eff
```
#de0eff rgb(222,14,255)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#0effde
```
#0effde rgb(14,255,222)
```

Triadic Color

#ff0e2f
```
#ff0e2f rgb(255,14,47)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#0effde
```
#0effde rgb(14,255,222)
```
#0e2fff
```
#0e2fff rgb(14,47,255)
```

Tetradic Color

#c1a600
```
#c1a600 rgb(193,166,0)
```
#dabc00
```
#dabc00 rgb(218,188,0)
```
#f4d200
```
#f4d200 rgb(244,210,0)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#ffe128
```
#ffe128 rgb(255,225,40)
```
#ffe541
```
#ffe541 rgb(255,229,65)
```
#ffe85b
```
#ffe85b rgb(255,232,91)
```

Monochromatic Color

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

#ffa20e
```
#ffa20e rgb(255,162,14)
```
#ffb60e
```
#ffb60e rgb(255,182,14)
```
#ffca0e
```
#ffca0e rgb(255,202,14)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```
#fff20e
```
#fff20e rgb(255,242,14)
```
#f8ff0e
```
#f8ff0e rgb(248,255,14)
```
#e4ff0e
```
#e4ff0e rgb(228,255,14)
```

Similar Colors

Text with hexadecimal color #ffde0e

This text has a font color of #ffde0e.

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

#ffde0e background color

This paragraph has a background color of #ffde0e.

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

#ffde0e border color

This element has a border color of #ffde0e.

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

CSS codes

.text {color:#ffde0e;}

.background {background-color:#ffde0e;}

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

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, #0e0c00 is the darkest color, while #fffef9 is the lightest one.

#0e0c00
```
#0e0c00 rgb(14,12,0)
```
#221d00
```
#221d00 rgb(34,29,0)
```
#352e00
```
#352e00 rgb(53,46,0)
```
#493f00
```
#493f00 rgb(73,63,0)
```
#5c5000
```
#5c5000 rgb(92,80,0)
```
#706100
```
#706100 rgb(112,97,0)
```
#847200
```
#847200 rgb(132,114,0)
```
#978300
```
#978300 rgb(151,131,0)
```
#ab9400
```
#ab9400 rgb(171,148,0)
```
#bfa400
```
#bfa400 rgb(191,164,0)
```
#d2b500
```
#d2b500 rgb(210,181,0)
```
#e6c600
```
#e6c600 rgb(230,198,0)
```
#f9d700
```
#f9d700 rgb(249,215,0)
```

Shade Color Variation

#ffde0e
```
#ffde0e rgb(255,222,14)
```
#ffe122
```
#ffe122 rgb(255,225,34)
```
#ffe335
```
#ffe335 rgb(255,227,53)
```
#ffe649
```
#ffe649 rgb(255,230,73)
```
#ffe95c
```
#ffe95c rgb(255,233,92)
```
#ffeb70
```
#ffeb70 rgb(255,235,112)
```
#ffee84
```
#ffee84 rgb(255,238,132)
```
#fff197
```
#fff197 rgb(255,241,151)
```
#fff3ab
```
#fff3ab rgb(255,243,171)
```
#fff6bf
```
#fff6bf rgb(255,246,191)
```
#fff9d2
```
#fff9d2 rgb(255,249,210)
```
#fffce6
```
#fffce6 rgb(255,252,230)
```
#fffef9
```
#fffef9 rgb(255,254,249)
```

Tint Color Variation

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

#908d7d
```
#908d7d rgb(144,141,125)
```
#999474
```
#999474 rgb(153,148,116)
```
#a29b6b
```
#a29b6b rgb(162,155,107)
```
#aca161
```
#aca161 rgb(172,161,97)
```
#b5a858
```
#b5a858 rgb(181,168,88)
```
#beaf4f
```
#beaf4f rgb(190,175,79)
```
#c7b646
```
#c7b646 rgb(199,182,70)
```
#d1bc3c
```
#d1bc3c rgb(209,188,60)
```
#dac333
```
#dac333 rgb(218,195,51)
```
#e3ca2a
```
#e3ca2a rgb(227,202,42)
```
#ecd121
```
#ecd121 rgb(236,209,33)
```
#f6d717
```
#f6d717 rgb(246,215,23)
```
#ffde0e
```
#ffde0e rgb(255,222,14)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#d9d3a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe01b Protanopia 1% of men
#ffdaa8 Deuteranopia 1% of men
#ffd6df Tritanopia 0.001% of the population

Trichromacy

#fcdf16 Protanomaly 1% of men, 0.01% of women
#ffdc70 Deuteranomaly 6% of men, 0.4% of women
#ffd893 Tritanomaly 0.01% of the population

#ffde0e hex color

#ffde0e Color Information

#ffde0e Color Conversion

Color Schemes with #ffde0e

Alternatives to #ffde0e

#ffde0e Preview

Shades and Tints of #ffde0e

Tones of #ffde0e

Color Blindness Simulator