colorhexa.com

#fd9158 hex color

In a RGB color space, hex #fd9158 is composed of 99.2% red, 56.9% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 65.2% yellow and 0.8% black. It has a hue angle of 20.7 degrees, a saturation of 97.6% and a lightness of 66.9%. #fd9158 color hex could be obtained by blending #ffffb0 with #fb2300. Closest websafe color is: #ff9966.

- R 99
- G 57
- B 35
RGB color chart
- C 0
- M 43
- Y 65
- K 1
CMYK color chart

● #fd9158 color description : Soft orange.

The hexadecimal color #fd9158 has RGB values of R:253, G:145, B:88 and CMYK values of C:0, M:0.43, Y:0.65, K:0.01. Its decimal value is 16617816.

Hex triplet	fd9158	`#fd9158`
RGB Decimal	253, 145, 88	`rgb(253,145,88)`
RGB Percent	99.2, 56.9, 34.5	`rgb(99.2%,56.9%,34.5%)`
CMYK	0, 43, 65, 1
HSL	20.7°, 97.6, 66.9	`hsl(20.7,97.6%,66.9%)`
HSV (or HSB)	20.7°, 65.2, 99.2
Web Safe	ff9966	`#ff9966`

CIE-LAB	70.762, 36.001, 47.342
XYZ	52.396, 41.842, 14.549
xyY	0.482, 0.385, 41.842
CIE-LCH	70.762, 59.475, 52.749
CIE-LUV	70.762, 84.421, 47.867
Hunter-Lab	64.686, 31.388, 31.944
Binary	11111101, 10010001, 01011000

#fd9158
```
#fd9158 rgb(253,145,88)
```
#58c4fd
```
#58c4fd rgb(88,196,253)
```

Complementary Color

#fd5872
```
#fd5872 rgb(253,88,114)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#fde458
```
#fde458 rgb(253,228,88)
```

Analogous Color

#5872fd
```
#5872fd rgb(88,114,253)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#58fde4
```
#58fde4 rgb(88,253,228)
```

Split Complementary Color

#9158fd
```
#9158fd rgb(145,88,253)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#58fd91
```
#58fd91 rgb(88,253,145)
```

Triadic Color

#fd58c4
```
#fd58c4 rgb(253,88,196)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#58fd91
```
#58fd91 rgb(88,253,145)
```
#58c4fd
```
#58c4fd rgb(88,196,253)
```

Tetradic Color

#fc5f0c
```
#fc5f0c rgb(252,95,12)
```
#fc7026
```
#fc7026 rgb(252,112,38)
```
#fd803f
```
#fd803f rgb(253,128,63)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#fda271
```
#fda271 rgb(253,162,113)
```
#feb28a
```
#feb28a rgb(254,178,138)
```
#fec3a4
```
#fec3a4 rgb(254,195,164)
```

Monochromatic Color

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

#fd6858
```
#fd6858 rgb(253,104,88)
```
#fd7658
```
#fd7658 rgb(253,118,88)
```
#fd8358
```
#fd8358 rgb(253,131,88)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#fd9f58
```
#fd9f58 rgb(253,159,88)
```
#fdad58
```
#fdad58 rgb(253,173,88)
```
#fdba58
```
#fdba58 rgb(253,186,88)
```

Similar Colors

Text with hexadecimal color #fd9158

This text has a font color of #fd9158.

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

#fd9158 background color

This paragraph has a background color of #fd9158.

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

#fd9158 border color

This element has a border color of #fd9158.

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

CSS codes

.text {color:#fd9158;}

.background {background-color:#fd9158;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1b0900
```
#1b0900 rgb(27,9,0)
```
#2e1001
```
#2e1001 rgb(46,16,1)
```
#421701
```
#421701 rgb(66,23,1)
```
#551e01
```
#551e01 rgb(85,30,1)
```
#682501
```
#682501 rgb(104,37,1)
```
#7c2c01
```
#7c2c01 rgb(124,44,1)
```
#8f3302
```
#8f3302 rgb(143,51,2)
```
#a33902
```
#a33902 rgb(163,57,2)
```
#b64002
```
#b64002 rgb(182,64,2)
```
#c94702
```
#c94702 rgb(201,71,2)
```
#dd4e03
```
#dd4e03 rgb(221,78,3)
```
#f05503
```
#f05503 rgb(240,85,3)
```

Shade Color Variation

#fc5e0a
```
#fc5e0a rgb(252,94,10)
```
#fc6b1e
```
#fc6b1e rgb(252,107,30)
```
#fd7731
```
#fd7731 rgb(253,119,49)
```
#fd8445
```
#fd8445 rgb(253,132,69)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```
#fd9e6b
```
#fd9e6b rgb(253,158,107)
```
#fdab7f
```
#fdab7f rgb(253,171,127)
```
#feb792
```
#feb792 rgb(254,183,146)
```
#fec4a6
```
#fec4a6 rgb(254,196,166)
```
#fed1b9
```
#fed1b9 rgb(254,209,185)
```
#fedecc
```
#fedecc rgb(254,222,204)
```
#ffeae0
```
#ffeae0 rgb(255,234,224)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#afa9a6
```
#afa9a6 rgb(175,169,166)
```
#b6a7a0
```
#b6a7a0 rgb(182,167,160)
```
#bca599
```
#bca599 rgb(188,165,153)
```
#c3a393
```
#c3a393 rgb(195,163,147)
```
#c9a18c
```
#c9a18c rgb(201,161,140)
```
#d09f86
```
#d09f86 rgb(208,159,134)
```
#d69d7f
```
#d69d7f rgb(214,157,127)
```
#dd9b79
```
#dd9b79 rgb(221,155,121)
```
#e39972
```
#e39972 rgb(227,153,114)
```
#ea976c
```
#ea976c rgb(234,151,108)
```
#f09565
```
#f09565 rgb(240,149,101)
```
#f7935f
```
#f7935f rgb(247,147,95)
```
#fd9158
```
#fd9158 rgb(253,145,88)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#bba69a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1b169 Protanopia 1% of men
#d8a95b Deuteranopia 1% of men
#ff9099 Tritanopia 0.001% of the population

Trichromacy

#d7a563 Protanomaly 1% of men, 0.01% of women
#e5a05a Deuteranomaly 6% of men, 0.4% of women
#fe9081 Tritanomaly 0.01% of the population