#ffed30 hex color

In a RGB color space, hex #ffed30 is composed of 100% red, 92.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.1% magenta, 81.2% yellow and 0% black. It has a hue angle of 54.8 degrees, a saturation of 100% and a lightness of 59.4%. #ffed30 color hex could be obtained by blending #ffff60 with #ffdb00. Closest websafe color is: #ffff33.

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

● #ffed30 color description : Vivid yellow.

The hexadecimal color #ffed30 has RGB values of R:255, G:237, B:48 and CMYK values of C:0, M:0.07, Y:0.81, K:0. Its decimal value is 16772400.

Hex triplet	ffed30	`#ffed30`
RGB Decimal	255, 237, 48	`rgb(255,237,48)`
RGB Percent	100, 92.9, 18.8	`rgb(100%,92.9%,18.8%)`
CMYK	0, 7, 81, 0
HSL	54.8°, 100, 59.4	`hsl(54.8,100%,59.4%)`
HSV (or HSB)	54.8°, 81.2, 100
Web Safe	ffff33	`#ffff33`

CIE-LAB	92.594, -12.162, 84.314
XYZ	72.058, 82.044, 14.837
xyY	0.427, 0.486, 82.044
CIE-LCH	92.594, 85.187, 98.208
CIE-LUV	92.594, 19.387, 95.996
Hunter-Lab	90.578, -16.508, 53.693
Binary	11111111, 11101101, 00110000

#ffed30
```
#ffed30 rgb(255,237,48)
```
#3042ff
```
#3042ff rgb(48,66,255)
```

Complementary Color

#ff8630
```
#ff8630 rgb(255,134,48)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#aaff30
```
#aaff30 rgb(170,255,48)
```

Analogous Color

#8630ff
```
#8630ff rgb(134,48,255)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#30aaff
```
#30aaff rgb(48,170,255)
```

Split Complementary Color

#ed30ff
```
#ed30ff rgb(237,48,255)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#30ffed
```
#30ffed rgb(48,255,237)
```

Triadic Color

#ff3042
```
#ff3042 rgb(255,48,66)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#30ffed
```
#30ffed rgb(48,255,237)
```
#3042ff
```
#3042ff rgb(48,66,255)
```

Tetradic Color

#e3cf00
```
#e3cf00 rgb(227,207,0)
```
#fce600
```
#fce600 rgb(252,230,0)
```
#ffeb17
```
#ffeb17 rgb(255,235,23)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#ffef4a
```
#ffef4a rgb(255,239,74)
```
#fff163
```
#fff163 rgb(255,241,99)
```
#fff47d
```
#fff47d rgb(255,244,125)
```

Monochromatic Color

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

#ffb930
```
#ffb930 rgb(255,185,48)
```
#ffcb30
```
#ffcb30 rgb(255,203,48)
```
#ffdc30
```
#ffdc30 rgb(255,220,48)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#fffe30
```
#fffe30 rgb(255,254,48)
```
#efff30
```
#efff30 rgb(239,255,48)
```
#ddff30
```
#ddff30 rgb(221,255,48)
```

Similar Colors

Text with hexadecimal color #ffed30

This text has a font color of #ffed30.

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

#ffed30 background color

This paragraph has a background color of #ffed30.

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

#ffed30 border color

This element has a border color of #ffed30.

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

CSS codes

.text {color:#ffed30;}

.background {background-color:#ffed30;}

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

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

#090800
```
#090800 rgb(9,8,0)
```
#1c1a00
```
#1c1a00 rgb(28,26,0)
```
#302c00
```
#302c00 rgb(48,44,0)
```
#443e00
```
#443e00 rgb(68,62,0)
```
#575000
```
#575000 rgb(87,80,0)
```
#6b6200
```
#6b6200 rgb(107,98,0)
```
#7e7300
```
#7e7300 rgb(126,115,0)
```
#928500
```
#928500 rgb(146,133,0)
```
#a69700
```
#a69700 rgb(166,151,0)
```
#b9a900
```
#b9a900 rgb(185,169,0)
```
#cdbb00
```
#cdbb00 rgb(205,187,0)
```
#e1cd00
```
#e1cd00 rgb(225,205,0)
```
#f4df00
```
#f4df00 rgb(244,223,0)
```

Shade Color Variation

#ffea09
```
#ffea09 rgb(255,234,9)
```
#ffeb1c
```
#ffeb1c rgb(255,235,28)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```
#ffef44
```
#ffef44 rgb(255,239,68)
```
#fff057
```
#fff057 rgb(255,240,87)
```
#fff26b
```
#fff26b rgb(255,242,107)
```
#fff47e
```
#fff47e rgb(255,244,126)
```
#fff692
```
#fff692 rgb(255,246,146)
```
#fff7a6
```
#fff7a6 rgb(255,247,166)
```
#fff9b9
```
#fff9b9 rgb(255,249,185)
```
#fffbcd
```
#fffbcd rgb(255,251,205)
```
#fffce1
```
#fffce1 rgb(255,252,225)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#9f9e90
```
#9f9e90 rgb(159,158,144)
```
#a7a588
```
#a7a588 rgb(167,165,136)
```
#afab80
```
#afab80 rgb(175,171,128)
```
#b7b278
```
#b7b278 rgb(183,178,120)
```
#bfb870
```
#bfb870 rgb(191,184,112)
```
#c7bf68
```
#c7bf68 rgb(199,191,104)
```
#cfc660
```
#cfc660 rgb(207,198,96)
```
#d7cc58
```
#d7cc58 rgb(215,204,88)
```
#dfd350
```
#dfd350 rgb(223,211,80)
```
#e7d948
```
#e7d948 rgb(231,217,72)
```
#efe040
```
#efe040 rgb(239,224,64)
```
#f7e638
```
#f7e638 rgb(247,230,56)
```
#ffed30
```
#ffed30 rgb(255,237,48)
```

Tone Color Variation

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

#dddddd Achromatopsia 0.005% of the population
#e4e0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb92 Protanopia 1% of men
#ffe7ca Deuteranopia 1% of men
#ffe4ec Tritanopia 0.001% of the population

Trichromacy

#ffeb6e Protanomaly 1% of men, 0.01% of women
#ffe992 Deuteranomaly 6% of men, 0.4% of women
#ffe7a8 Tritanomaly 0.01% of the population

#ffed30 hex color

#ffed30 Color Information

#ffed30 Color Conversion

Color Schemes with #ffed30

Alternatives to #ffed30

#ffed30 Preview

Shades and Tints of #ffed30

Tones of #ffed30

Color Blindness Simulator