#ff945d hex color

In a RGB color space, hex #ff945d is composed of 100% red, 58% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42% magenta, 63.5% yellow and 0% black. It has a hue angle of 20.4 degrees, a saturation of 100% and a lightness of 68.2%. #ff945d color hex could be obtained by blending #ffffba with #ff2900. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 58
- B 36
RGB color chart
- C 0
- M 42
- Y 64
- K 0
CMYK color chart

● #ff945d color description : Light orange.

The hexadecimal color #ff945d has RGB values of R:255, G:148, B:93 and CMYK values of C:0, M:0.42, Y:0.64, K:0. Its decimal value is 16749661.

Hex triplet	ff945d	`#ff945d`
RGB Decimal	255, 148, 93	`rgb(255,148,93)`
RGB Percent	100, 58, 36.5	`rgb(100%,58%,36.5%)`
CMYK	0, 42, 64, 0
HSL	20.4°, 100, 68.2	`hsl(20.4,100%,68.2%)`
HSV (or HSB)	20.4°, 63.5, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	71.714, 35.546, 45.985
XYZ	53.807, 43.234, 15.867
xyY	0.477, 0.383, 43.234
CIE-LCH	71.714, 58.121, 52.296
CIE-LUV	71.714, 83.123, 47.108
Hunter-Lab	65.753, 31.003, 31.72
Binary	11111111, 10010100, 01011101

#ff945d
```
#ff945d rgb(255,148,93)
```
#5dc8ff
```
#5dc8ff rgb(93,200,255)
```

Complementary Color

#ff5d77
```
#ff5d77 rgb(255,93,119)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#ffe55d
```
#ffe55d rgb(255,229,93)
```

Analogous Color

#5d77ff
```
#5d77ff rgb(93,119,255)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#5dffe5
```
#5dffe5 rgb(93,255,229)
```

Split Complementary Color

#945dff
```
#945dff rgb(148,93,255)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#5dff94
```
#5dff94 rgb(93,255,148)
```

Triadic Color

#ff5dc8
```
#ff5dc8 rgb(255,93,200)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#5dff94
```
#5dff94 rgb(93,255,148)
```
#5dc8ff
```
#5dc8ff rgb(93,200,255)
```

Tetradic Color

#ff6111
```
#ff6111 rgb(255,97,17)
```
#ff722a
```
#ff722a rgb(255,114,42)
```
#ff8344
```
#ff8344 rgb(255,131,68)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#ffa577
```
#ffa577 rgb(255,165,119)
```
#ffb690
```
#ffb690 rgb(255,182,144)
```
#ffc7aa
```
#ffc7aa rgb(255,199,170)
```

Monochromatic Color

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

#ff6c5d
```
#ff6c5d rgb(255,108,93)
```
#ff795d
```
#ff795d rgb(255,121,93)
```
#ff875d
```
#ff875d rgb(255,135,93)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#ffa25d
```
#ffa25d rgb(255,162,93)
```
#ffaf5d
```
#ffaf5d rgb(255,175,93)
```
#ffbd5d
```
#ffbd5d rgb(255,189,93)
```

Similar Colors

Text with hexadecimal color #ff945d

This text has a font color of #ff945d.

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

#ff945d background color

This paragraph has a background color of #ff945d.

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

#ff945d border color

This element has a border color of #ff945d.

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

CSS codes

.text {color:#ff945d;}

.background {background-color:#ff945d;}

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

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

#0f0500
```
#0f0500 rgb(15,5,0)
```
#220c00
```
#220c00 rgb(34,12,0)
```
#361200
```
#361200 rgb(54,18,0)
```
#491900
```
#491900 rgb(73,25,0)
```
#5d2000
```
#5d2000 rgb(93,32,0)
```
#712600
```
#712600 rgb(113,38,0)
```
#842d00
```
#842d00 rgb(132,45,0)
```
#983400
```
#983400 rgb(152,52,0)
```
#ab3a00
```
#ab3a00 rgb(171,58,0)
```
#bf4100
```
#bf4100 rgb(191,65,0)
```
#d34800
```
#d34800 rgb(211,72,0)
```
#e64e00
```
#e64e00 rgb(230,78,0)
```
#fa5500
```
#fa5500 rgb(250,85,0)
```

Shade Color Variation

#ff600f
```
#ff600f rgb(255,96,15)
```
#ff6d22
```
#ff6d22 rgb(255,109,34)
```
#ff7a36
```
#ff7a36 rgb(255,122,54)
```
#ff8749
```
#ff8749 rgb(255,135,73)
```
#ff945d
```
#ff945d rgb(255,148,93)
```
#ffa171
```
#ffa171 rgb(255,161,113)
```
#ffae84
```
#ffae84 rgb(255,174,132)
```
#ffbb98
```
#ffbb98 rgb(255,187,152)
```
#ffc8ab
```
#ffc8ab rgb(255,200,171)
```
#ffd5bf
```
#ffd5bf rgb(255,213,191)
```
#ffe2d3
```
#ffe2d3 rgb(255,226,211)
```
#ffefe6
```
#ffefe6 rgb(255,239,230)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#b4aca8
```
#b4aca8 rgb(180,172,168)
```
#baaaa2
```
#baaaa2 rgb(186,170,162)
```
#c1a89b
```
#c1a89b rgb(193,168,155)
```
#c7a695
```
#c7a695 rgb(199,166,149)
```
#cda48f
```
#cda48f rgb(205,164,143)
```
#d3a289
```
#d3a289 rgb(211,162,137)
```
#daa082
```
#daa082 rgb(218,160,130)
```
#e09e7c
```
#e09e7c rgb(224,158,124)
```
#e69c76
```
#e69c76 rgb(230,156,118)
```
#ec9a70
```
#ec9a70 rgb(236,154,112)
```
#f39869
```
#f39869 rgb(243,152,105)
```
#f99663
```
#f99663 rgb(249,150,99)
```
#ff945d
```
#ff945d rgb(255,148,93)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#bea99e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b36e Protanopia 1% of men
#dbab60 Deuteranopia 1% of men
#ff949d Tritanopia 0.001% of the population

Trichromacy

#d9a867 Protanomaly 1% of men, 0.01% of women
#e8a35f Deuteranomaly 6% of men, 0.4% of women
#ff9486 Tritanomaly 0.01% of the population

#ff945d hex color

#ff945d Color Information

#ff945d Color Conversion

Color Schemes with #ff945d

Alternatives to #ff945d

#ff945d Preview

Shades and Tints of #ff945d

Tones of #ff945d

Color Blindness Simulator