#fd945f hex color

In a RGB color space, hex #fd945f is composed of 99.2% red, 58% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.5% magenta, 62.5% yellow and 0.8% black. It has a hue angle of 20.1 degrees, a saturation of 97.5% and a lightness of 68.2%. #fd945f color hex could be obtained by blending #ffffbe with #fb2900. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 99
- G 58
- B 37
RGB color chart
- C 0
- M 42
- Y 62
- K 1
CMYK color chart

● #fd945f color description : Soft orange.

The hexadecimal color #fd945f has RGB values of R:253, G:148, B:95 and CMYK values of C:0, M:0.42, Y:0.62, K:0.01. Its decimal value is 16618591.

Hex triplet	fd945f	`#fd945f`
RGB Decimal	253, 148, 95	`rgb(253,148,95)`
RGB Percent	99.2, 58, 37.3	`rgb(99.2%,58%,37.3%)`
CMYK	0, 42, 62, 1
HSL	20.1°, 97.5, 68.2	`hsl(20.1,97.5%,68.2%)`
HSV (or HSB)	20.1°, 62.5, 99.2
Web Safe	ff9966	`#ff9966`

CIE-LAB	71.482, 34.892, 44.625
XYZ	53.165, 42.893, 16.305
xyY	0.473, 0.382, 42.893
CIE-LCH	71.482, 56.646, 51.979
CIE-LUV	71.482, 81.244, 46.002
Hunter-Lab	65.493, 30.289, 31.084
Binary	11111101, 10010100, 01011111

#fd945f
```
#fd945f rgb(253,148,95)
```
#5fc8fd
```
#5fc8fd rgb(95,200,253)
```

Complementary Color

#fd5f79
```
#fd5f79 rgb(253,95,121)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#fde35f
```
#fde35f rgb(253,227,95)
```

Analogous Color

#5f79fd
```
#5f79fd rgb(95,121,253)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#5ffde3
```
#5ffde3 rgb(95,253,227)
```

Split Complementary Color

#945ffd
```
#945ffd rgb(148,95,253)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#5ffd94
```
#5ffd94 rgb(95,253,148)
```

Triadic Color

#fd5fc8
```
#fd5fc8 rgb(253,95,200)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#5ffd94
```
#5ffd94 rgb(95,253,148)
```
#5fc8fd
```
#5fc8fd rgb(95,200,253)
```

Tetradic Color

#fc6113
```
#fc6113 rgb(252,97,19)
```
#fc722d
```
#fc722d rgb(252,114,45)
```
#fd8346
```
#fd8346 rgb(253,131,70)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#fda578
```
#fda578 rgb(253,165,120)
```
#feb691
```
#feb691 rgb(254,182,145)
```
#fec7ab
```
#fec7ab rgb(254,199,171)
```

Monochromatic Color

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

#fd6d5f
```
#fd6d5f rgb(253,109,95)
```
#fd7a5f
```
#fd7a5f rgb(253,122,95)
```
#fd875f
```
#fd875f rgb(253,135,95)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#fda15f
```
#fda15f rgb(253,161,95)
```
#fdae5f
```
#fdae5f rgb(253,174,95)
```
#fdbc5f
```
#fdbc5f rgb(253,188,95)
```

Similar Colors

Text with hexadecimal color #fd945f

This text has a font color of #fd945f.

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

#fd945f background color

This paragraph has a background color of #fd945f.

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

#fd945f border color

This element has a border color of #fd945f.

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

CSS codes

.text {color:#fd945f;}

.background {background-color:#fd945f;}

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

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

#0e0500
```
#0e0500 rgb(14,5,0)
```
#220c00
```
#220c00 rgb(34,12,0)
```
#351201
```
#351201 rgb(53,18,1)
```
#481901
```
#481901 rgb(72,25,1)
```
#5c2001
```
#5c2001 rgb(92,32,1)
```
#6f2601
```
#6f2601 rgb(111,38,1)
```
#832d02
```
#832d02 rgb(131,45,2)
```
#963402
```
#963402 rgb(150,52,2)
```
#a93a02
```
#a93a02 rgb(169,58,2)
```
#bd4102
```
#bd4102 rgb(189,65,2)
```
#d04803
```
#d04803 rgb(208,72,3)
```
#e34e03
```
#e34e03 rgb(227,78,3)
```
#f75503
```
#f75503 rgb(247,85,3)
```

Shade Color Variation

#fc6012
```
#fc6012 rgb(252,96,18)
```
#fc6d25
```
#fc6d25 rgb(252,109,37)
```
#fd7a38
```
#fd7a38 rgb(253,122,56)
```
#fd874c
```
#fd874c rgb(253,135,76)
```
#fd945f
```
#fd945f rgb(253,148,95)
```
#fda172
```
#fda172 rgb(253,161,114)
```
#fdae86
```
#fdae86 rgb(253,174,134)
```
#febb99
```
#febb99 rgb(254,187,153)
```
#fec8ac
```
#fec8ac rgb(254,200,172)
```
#fed5c0
```
#fed5c0 rgb(254,213,192)
```
#fee2d3
```
#fee2d3 rgb(254,226,211)
```
#ffefe7
```
#ffefe7 rgb(255,239,231)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#b2adaa
```
#b2adaa rgb(178,173,170)
```
#b8aba4
```
#b8aba4 rgb(184,171,164)
```
#bfa99d
```
#bfa99d rgb(191,169,157)
```
#c5a697
```
#c5a697 rgb(197,166,151)
```
#cba491
```
#cba491 rgb(203,164,145)
```
#d1a28b
```
#d1a28b rgb(209,162,139)
```
#d8a084
```
#d8a084 rgb(216,160,132)
```
#de9e7e
```
#de9e7e rgb(222,158,126)
```
#e49c78
```
#e49c78 rgb(228,156,120)
```
#ea9a72
```
#ea9a72 rgb(234,154,114)
```
#f1986b
```
#f1986b rgb(241,152,107)
```
#f79665
```
#f79665 rgb(247,150,101)
```
#fd945f
```
#fd945f rgb(253,148,95)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bda89d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b370 Protanopia 1% of men
#daab62 Deuteranopia 1% of men
#ff939d Tritanopia 0.001% of the population

Trichromacy

#d8a769 Protanomaly 1% of men, 0.01% of women
#e6a261 Deuteranomaly 6% of men, 0.4% of women
#fe9386 Tritanomaly 0.01% of the population

#fd945f hex color

#fd945f Color Information

#fd945f Color Conversion

Color Schemes with #fd945f

Alternatives to #fd945f

#fd945f Preview

Shades and Tints of #fd945f

Tones of #fd945f

Color Blindness Simulator