#ffd100 hex color

In a RGB color space, hex #ffd100 is composed of 100% red, 82% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 100% yellow and 0% black. It has a hue angle of 49.2 degrees, a saturation of 100% and a lightness of 50%. #ffd100 color hex could be obtained by blending #ffff00 with #ffa300. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 100
- G 82
- B 0
RGB color chart
- C 0
- M 18
- Y 100
- K 0
CMYK color chart

● #ffd100 color description : Pure (or mostly pure) yellow.

The hexadecimal color #ffd100 has RGB values of R:255, G:209, B:0 and CMYK values of C:0, M:0.18, Y:1, K:0. Its decimal value is 16765184.

Hex triplet	ffd100	`#ffd100`
RGB Decimal	255, 209, 0	`rgb(255,209,0)`
RGB Percent	100, 82, 0	`rgb(100%,82%,0%)`
CMYK	0, 18, 100, 0
HSL	49.2°, 100, 50	`hsl(49.2,100%,50%)`
HSV (or HSB)	49.2°, 100, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.435, 1.12, 86.08
XYZ	64.042, 66.864, 9.533
xyY	0.456, 0.476, 66.864
CIE-LCH	85.435, 86.087, 89.255
CIE-LUV	85.435, 39.955, 89.885
Hunter-Lab	81.77, -3.299, 50.327
Binary	11111111, 11010001, 00000000

#ffd100
```
#ffd100 rgb(255,209,0)
```
#002eff
```
#002eff rgb(0,46,255)
```

Complementary Color

#ff5100
```
#ff5100 rgb(255,81,0)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#aeff00
```
#aeff00 rgb(174,255,0)
```

Analogous Color

#5100ff
```
#5100ff rgb(81,0,255)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#00aeff
```
#00aeff rgb(0,174,255)
```

Split Complementary Color

#d100ff
```
#d100ff rgb(209,0,255)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#00ffd1
```
#00ffd1 rgb(0,255,209)
```

Triadic Color

#ff002e
```
#ff002e rgb(255,0,46)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#00ffd1
```
#00ffd1 rgb(0,255,209)
```
#002eff
```
#002eff rgb(0,46,255)
```

Tetradic Color

#b39200
```
#b39200 rgb(179,146,0)
```
#cca700
```
#cca700 rgb(204,167,0)
```
#e6bc00
```
#e6bc00 rgb(230,188,0)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#ffd61a
```
#ffd61a rgb(255,214,26)
```
#ffda33
```
#ffda33 rgb(255,218,51)
```
#ffdf4d
```
#ffdf4d rgb(255,223,77)
```

Monochromatic Color

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

#ff9100
```
#ff9100 rgb(255,145,0)
```
#ffa700
```
#ffa700 rgb(255,167,0)
```
#ffbc00
```
#ffbc00 rgb(255,188,0)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```
#ffe600
```
#ffe600 rgb(255,230,0)
```
#fffc00
```
#fffc00 rgb(255,252,0)
```
#edff00
```
#edff00 rgb(237,255,0)
```

Similar Colors

Text with hexadecimal color #ffd100

This text has a font color of #ffd100.

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

#ffd100 background color

This paragraph has a background color of #ffd100.

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

#ffd100 border color

This element has a border color of #ffd100.

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

CSS codes

.text {color:#ffd100;}

.background {background-color:#ffd100;}

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

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

#141000
```
#141000 rgb(20,16,0)
```
#272000
```
#272000 rgb(39,32,0)
```
#3b3000
```
#3b3000 rgb(59,48,0)
```
#4e4000
```
#4e4000 rgb(78,64,0)
```
#625000
```
#625000 rgb(98,80,0)
```
#766000
```
#766000 rgb(118,96,0)
```
#897100
```
#897100 rgb(137,113,0)
```
#9d8100
```
#9d8100 rgb(157,129,0)
```
#b19100
```
#b19100 rgb(177,145,0)
```
#c4a100
```
#c4a100 rgb(196,161,0)
```
#d8b100
```
#d8b100 rgb(216,177,0)
```
#ebc100
```
#ebc100 rgb(235,193,0)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```

Shade Color Variation

#ffd514
```
#ffd514 rgb(255,213,20)
```
#ffd827
```
#ffd827 rgb(255,216,39)
```
#ffdc3b
```
#ffdc3b rgb(255,220,59)
```
#ffdf4e
```
#ffdf4e rgb(255,223,78)
```
#ffe362
```
#ffe362 rgb(255,227,98)
```
#ffe676
```
#ffe676 rgb(255,230,118)
```
#ffea89
```
#ffea89 rgb(255,234,137)
```
#ffed9d
```
#ffed9d rgb(255,237,157)
```
#fff1b1
```
#fff1b1 rgb(255,241,177)
```
#fff4c4
```
#fff4c4 rgb(255,244,196)
```
#fff8d8
```
#fff8d8 rgb(255,248,216)
```
#fffbeb
```
#fffbeb rgb(255,251,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898676
```
#898676 rgb(137,134,118)
```
#938c6c
```
#938c6c rgb(147,140,108)
```
#9d9262
```
#9d9262 rgb(157,146,98)
```
#a79958
```
#a79958 rgb(167,153,88)
```
#b19f4e
```
#b19f4e rgb(177,159,78)
```
#baa545
```
#baa545 rgb(186,165,69)
```
#c4ab3b
```
#c4ab3b rgb(196,171,59)
```
#ceb231
```
#ceb231 rgb(206,178,49)
```
#d8b827
```
#d8b827 rgb(216,184,39)
```
#e2be1d
```
#e2be1d rgb(226,190,29)
```
#ebc414
```
#ebc414 rgb(235,196,20)
```
#f5cb0a
```
#f5cb0a rgb(245,203,10)
```
#ffd100
```
#ffd100 rgb(255,209,0)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d2c99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2d80c Protanopia 1% of men
#ffd084 Deuteranopia 1% of men
#ffcad4 Tritanopia 0.001% of the population

Trichromacy

#f6d507 Protanomaly 1% of men, 0.01% of women
#ffd054 Deuteranomaly 6% of men, 0.4% of women
#ffcc87 Tritanomaly 0.01% of the population

#ffd100 hex color

#ffd100 Color Information

#ffd100 Color Conversion

Color Schemes with #ffd100

Alternatives to #ffd100

#ffd100 Preview

Shades and Tints of #ffd100

Tones of #ffd100

Color Blindness Simulator