#ffd358 hex color

In a RGB color space, hex #ffd358 is composed of 100% red, 82.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 65.5% yellow and 0% black. It has a hue angle of 44.2 degrees, a saturation of 100% and a lightness of 67.3%. #ffd358 color hex could be obtained by blending #ffffb0 with #ffa700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 83
- B 35
RGB color chart
- C 0
- M 17
- Y 65
- K 0
CMYK color chart

● #ffd358 color description : Light orange.

The hexadecimal color #ffd358 has RGB values of R:255, G:211, B:88 and CMYK values of C:0, M:0.17, Y:0.65, K:0. Its decimal value is 16765784.

Hex triplet	ffd358	`#ffd358`
RGB Decimal	255, 211, 88	`rgb(255,211,88)`
RGB Percent	100, 82.7, 34.5	`rgb(100%,82.7%,34.5%)`
CMYK	0, 17, 65, 0
HSL	44.2°, 100, 67.3	`hsl(44.2,100%,67.3%)`
HSV (or HSB)	44.2°, 65.5, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.284, 2.548, 64.643
XYZ	66.296, 68.556, 18.973
xyY	0.431, 0.446, 68.556
CIE-LCH	86.284, 64.693, 87.743
CIE-LUV	86.284, 36.394, 75.674
Hunter-Lab	82.798, -1.973, 44.373
Binary	11111111, 11010011, 01011000

#ffd358
```
#ffd358 rgb(255,211,88)
```
#5884ff
```
#5884ff rgb(88,132,255)
```

Complementary Color

#ff8058
```
#ff8058 rgb(255,128,88)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#d8ff58
```
#d8ff58 rgb(216,255,88)
```

Analogous Color

#8058ff
```
#8058ff rgb(128,88,255)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#58d8ff
```
#58d8ff rgb(88,216,255)
```

Split Complementary Color

#d358ff
```
#d358ff rgb(211,88,255)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#58ffd3
```
#58ffd3 rgb(88,255,211)
```

Triadic Color

#ff5884
```
#ff5884 rgb(255,88,132)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#58ffd3
```
#58ffd3 rgb(88,255,211)
```
#5884ff
```
#5884ff rgb(88,132,255)
```

Tetradic Color

#ffbf0c
```
#ffbf0c rgb(255,191,12)
```
#ffc625
```
#ffc625 rgb(255,198,37)
```
#ffcc3f
```
#ffcc3f rgb(255,204,63)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#ffda72
```
#ffda72 rgb(255,218,114)
```
#ffe08b
```
#ffe08b rgb(255,224,139)
```
#ffe7a5
```
#ffe7a5 rgb(255,231,165)
```

Monochromatic Color

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

#ffa958
```
#ffa958 rgb(255,169,88)
```
#ffb758
```
#ffb758 rgb(255,183,88)
```
#ffc558
```
#ffc558 rgb(255,197,88)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#ffe158
```
#ffe158 rgb(255,225,88)
```
#ffef58
```
#ffef58 rgb(255,239,88)
```
#fffd58
```
#fffd58 rgb(255,253,88)
```

Similar Colors

Text with hexadecimal color #ffd358

This text has a font color of #ffd358.

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

#ffd358 background color

This paragraph has a background color of #ffd358.

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

#ffd358 border color

This element has a border color of #ffd358.

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

CSS codes

.text {color:#ffd358;}

.background {background-color:#ffd358;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1d1500
```
#1d1500 rgb(29,21,0)
```
#312400
```
#312400 rgb(49,36,0)
```
#443200
```
#443200 rgb(68,50,0)
```
#584100
```
#584100 rgb(88,65,0)
```
#6c4f00
```
#6c4f00 rgb(108,79,0)
```
#7f5e00
```
#7f5e00 rgb(127,94,0)
```
#936c00
```
#936c00 rgb(147,108,0)
```
#a67b00
```
#a67b00 rgb(166,123,0)
```
#ba8900
```
#ba8900 rgb(186,137,0)
```
#ce9700
```
#ce9700 rgb(206,151,0)
```
#e1a600
```
#e1a600 rgb(225,166,0)
```
#f5b400
```
#f5b400 rgb(245,180,0)
```

Shade Color Variation

#ffbe0a
```
#ffbe0a rgb(255,190,10)
```
#ffc31d
```
#ffc31d rgb(255,195,29)
```
#ffc931
```
#ffc931 rgb(255,201,49)
```
#ffce44
```
#ffce44 rgb(255,206,68)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```
#ffd86c
```
#ffd86c rgb(255,216,108)
```
#ffdd7f
```
#ffdd7f rgb(255,221,127)
```
#ffe393
```
#ffe393 rgb(255,227,147)
```
#ffe8a6
```
#ffe8a6 rgb(255,232,166)
```
#ffedba
```
#ffedba rgb(255,237,186)
```
#fff2ce
```
#fff2ce rgb(255,242,206)
```
#fff7e1
```
#fff7e1 rgb(255,247,225)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#b2afa5
```
#b2afa5 rgb(178,175,165)
```
#b8b29f
```
#b8b29f rgb(184,178,159)
```
#bfb598
```
#bfb598 rgb(191,181,152)
```
#c5b892
```
#c5b892 rgb(197,184,146)
```
#ccbb8b
```
#ccbb8b rgb(204,187,139)
```
#d2be85
```
#d2be85 rgb(210,190,133)
```
#d8c17f
```
#d8c17f rgb(216,193,127)
```
#dfc478
```
#dfc478 rgb(223,196,120)
```
#e5c772
```
#e5c772 rgb(229,199,114)
```
#ecca6b
```
#ecca6b rgb(236,202,107)
```
#f2cd65
```
#f2cd65 rgb(242,205,101)
```
#f9d05e
```
#f9d05e rgb(249,208,94)
```
#ffd358
```
#ffd358 rgb(255,211,88)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#dbd2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da62 Protanopia 1% of men
#ffd293 Deuteranopia 1% of men
#ffcdd7 Tritanopia 0.001% of the population

Trichromacy

#f6d75e Protanomaly 1% of men, 0.01% of women
#ffd27e Deuteranomaly 6% of men, 0.4% of women
#ffcfa9 Tritanomaly 0.01% of the population

#ffd358 hex color

#ffd358 Color Information

#ffd358 Color Conversion

Color Schemes with #ffd358

Alternatives to #ffd358

#ffd358 Preview

Shades and Tints of #ffd358

Tones of #ffd358

Color Blindness Simulator