#ffd130 hex color

In a RGB color space, hex #ffd130 is composed of 100% red, 82% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18% magenta, 81.2% yellow and 0% black. It has a hue angle of 46.7 degrees, a saturation of 100% and a lightness of 59.4%. #ffd130 color hex could be obtained by blending #ffff60 with #ffa300. Closest websafe color is: #ffcc33.

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

● #ffd130 color description : Vivid yellow.

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

Hex triplet	ffd130	`#ffd130`
RGB Decimal	255, 209, 48	`rgb(255,209,48)`
RGB Percent	100, 82, 18.8	`rgb(100%,82%,18.8%)`
CMYK	0, 18, 81, 0
HSL	46.7°, 100, 59.4	`hsl(46.7,100%,59.4%)`
HSV (or HSB)	46.7°, 81.2, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.543, 1.869, 78.282
XYZ	64.575, 67.077, 12.342
xyY	0.448, 0.466, 67.077
CIE-LCH	85.543, 78.304, 88.633
CIE-LUV	85.543, 39.293, 85.22
Hunter-Lab	81.901, -2.587, 48.396
Binary	11111111, 11010001, 00110000

#ffd130
```
#ffd130 rgb(255,209,48)
```
#305eff
```
#305eff rgb(48,94,255)
```

Complementary Color

#ff6a30
```
#ff6a30 rgb(255,106,48)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#c6ff30
```
#c6ff30 rgb(198,255,48)
```

Analogous Color

#6a30ff
```
#6a30ff rgb(106,48,255)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#30c6ff
```
#30c6ff rgb(48,198,255)
```

Split Complementary Color

#d130ff
```
#d130ff rgb(209,48,255)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#30ffd1
```
#30ffd1 rgb(48,255,209)
```

Triadic Color

#ff305e
```
#ff305e rgb(255,48,94)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#30ffd1
```
#30ffd1 rgb(48,255,209)
```
#305eff
```
#305eff rgb(48,94,255)
```

Tetradic Color

#e3b000
```
#e3b000 rgb(227,176,0)
```
#fcc400
```
#fcc400 rgb(252,196,0)
```
#ffcb17
```
#ffcb17 rgb(255,203,23)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#ffd74a
```
#ffd74a rgb(255,215,74)
```
#ffdc63
```
#ffdc63 rgb(255,220,99)
```
#ffe27d
```
#ffe27d rgb(255,226,125)
```

Monochromatic Color

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

#ff9d30
```
#ff9d30 rgb(255,157,48)
```
#ffaf30
```
#ffaf30 rgb(255,175,48)
```
#ffc030
```
#ffc030 rgb(255,192,48)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#ffe230
```
#ffe230 rgb(255,226,48)
```
#fff430
```
#fff430 rgb(255,244,48)
```
#f9ff30
```
#f9ff30 rgb(249,255,48)
```

Similar Colors

Text with hexadecimal color #ffd130

This text has a font color of #ffd130.

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

#ffd130 background color

This paragraph has a background color of #ffd130.

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

#ffd130 border color

This element has a border color of #ffd130.

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

CSS codes

.text {color:#ffd130;}

.background {background-color:#ffd130;}

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

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

#090700
```
#090700 rgb(9,7,0)
```
#1c1600
```
#1c1600 rgb(28,22,0)
```
#302500
```
#302500 rgb(48,37,0)
```
#443500
```
#443500 rgb(68,53,0)
```
#574400
```
#574400 rgb(87,68,0)
```
#6b5300
```
#6b5300 rgb(107,83,0)
```
#7e6200
```
#7e6200 rgb(126,98,0)
```
#927200
```
#927200 rgb(146,114,0)
```
#a68100
```
#a68100 rgb(166,129,0)
```
#b99000
```
#b99000 rgb(185,144,0)
```
#cd9f00
```
#cd9f00 rgb(205,159,0)
```
#e1af00
```
#e1af00 rgb(225,175,0)
```
#f4be00
```
#f4be00 rgb(244,190,0)
```

Shade Color Variation

#ffc809
```
#ffc809 rgb(255,200,9)
```
#ffcd1c
```
#ffcd1c rgb(255,205,28)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```
#ffd544
```
#ffd544 rgb(255,213,68)
```
#ffda57
```
#ffda57 rgb(255,218,87)
```
#ffde6b
```
#ffde6b rgb(255,222,107)
```
#ffe27e
```
#ffe27e rgb(255,226,126)
```
#ffe792
```
#ffe792 rgb(255,231,146)
```
#ffeba6
```
#ffeba6 rgb(255,235,166)
```
#fff0b9
```
#fff0b9 rgb(255,240,185)
```
#fff4cd
```
#fff4cd rgb(255,244,205)
```
#fff8e1
```
#fff8e1 rgb(255,248,225)
```
#fffdf4
```
#fffdf4 rgb(255,253,244)
```

Tint Color Variation

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

#9f9c90
```
#9f9c90 rgb(159,156,144)
```
#a7a088
```
#a7a088 rgb(167,160,136)
```
#afa580
```
#afa580 rgb(175,165,128)
```
#b7a978
```
#b7a978 rgb(183,169,120)
```
#bfae70
```
#bfae70 rgb(191,174,112)
```
#c7b268
```
#c7b268 rgb(199,178,104)
```
#cfb660
```
#cfb660 rgb(207,182,96)
```
#d7bb58
```
#d7bb58 rgb(215,187,88)
```
#dfbf50
```
#dfbf50 rgb(223,191,80)
```
#e7c448
```
#e7c448 rgb(231,196,72)
```
#efc840
```
#efc840 rgb(239,200,64)
```
#f7cd38
```
#f7cd38 rgb(247,205,56)
```
#ffd130
```
#ffd130 rgb(255,209,48)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6cdad Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d83c Protanopia 1% of men
#ffd087 Deuteranopia 1% of men
#ffcad4 Tritanopia 0.001% of the population

Trichromacy

#f6d537 Protanomaly 1% of men, 0.01% of women
#ffd067 Deuteranomaly 6% of men, 0.4% of women
#ffcc98 Tritanomaly 0.01% of the population

#ffd130 hex color

#ffd130 Color Information

#ffd130 Color Conversion

Color Schemes with #ffd130

Alternatives to #ffd130

#ffd130 Preview

Shades and Tints of #ffd130

Tones of #ffd130

Color Blindness Simulator