#d95f2a hex color

In a RGB color space, hex #d95f2a is composed of 85.1% red, 37.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.2% magenta, 80.6% yellow and 14.9% black. It has a hue angle of 18.2 degrees, a saturation of 69.7% and a lightness of 50.8%. #d95f2a color hex could be obtained by blending #ffbe54 with #b30000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 85
- G 37
- B 16
RGB color chart
- C 0
- M 56
- Y 81
- K 15
CMYK color chart

● #d95f2a color description : Bright orange.

The hexadecimal color #d95f2a has RGB values of R:217, G:95, B:42 and CMYK values of C:0, M:0.56, Y:0.81, K:0.15. Its decimal value is 14245674.

Hex triplet	d95f2a	`#d95f2a`
RGB Decimal	217, 95, 42	`rgb(217,95,42)`
RGB Percent	85.1, 37.3, 16.5	`rgb(85.1%,37.3%,16.5%)`
CMYK	0, 56, 81, 15
HSL	18.2°, 69.7, 50.8	`hsl(18.2,69.7%,50.8%)`
HSV (or HSB)	18.2°, 80.6, 85.1
Web Safe	cc6633	`#cc6633`

CIE-LAB	55.182, 45.052, 51.559
XYZ	33.127, 23.107, 4.906
xyY	0.542, 0.378, 23.107
CIE-LCH	55.182, 68.469, 48.854
CIE-LUV	55.182, 99.063, 42.243
Hunter-Lab	48.069, 38.891, 27.597
Binary	11011001, 01011111, 00101010

#d95f2a
```
#d95f2a rgb(217,95,42)
```
#2aa4d9
```
#2aa4d9 rgb(42,164,217)
```

Complementary Color

#d92a4c
```
#d92a4c rgb(217,42,76)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#d9b72a
```
#d9b72a rgb(217,183,42)
```

Analogous Color

#2a4dd9
```
#2a4dd9 rgb(42,77,217)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#2ad9b7
```
#2ad9b7 rgb(42,217,183)
```

Split Complementary Color

#5f2ad9
```
#5f2ad9 rgb(95,42,217)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#2ad95f
```
#2ad95f rgb(42,217,95)
```

Triadic Color

#d92aa4
```
#d92aa4 rgb(217,42,164)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#2ad95f
```
#2ad95f rgb(42,217,95)
```
#2aa4d9
```
#2aa4d9 rgb(42,164,217)
```

Tetradic Color

#9b421c
```
#9b421c rgb(155,66,28)
```
#b14b1f
```
#b14b1f rgb(177,75,31)
```
#c65523
```
#c65523 rgb(198,85,35)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#dd6f40
```
#dd6f40 rgb(221,111,64)
```
#e18055
```
#e18055 rgb(225,128,85)
```
#e5906b
```
#e5906b rgb(229,144,107)
```

Monochromatic Color

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

#d9332a
```
#d9332a rgb(217,51,42)
```
#d9422a
```
#d9422a rgb(217,66,42)
```
#d9502a
```
#d9502a rgb(217,80,42)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#d96e2a
```
#d96e2a rgb(217,110,42)
```
#d97c2a
```
#d97c2a rgb(217,124,42)
```
#d98b2a
```
#d98b2a rgb(217,139,42)
```

Similar Colors

Text with hexadecimal color #d95f2a

This text has a font color of #d95f2a.

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

#d95f2a background color

This paragraph has a background color of #d95f2a.

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

#d95f2a border color

This element has a border color of #d95f2a.

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

CSS codes

.text {color:#d95f2a;}

.background {background-color:#d95f2a;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140904
```
#140904 rgb(20,9,4)
```
#251007
```
#251007 rgb(37,16,7)
```
#35170a
```
#35170a rgb(53,23,10)
```
#461e0c
```
#461e0c rgb(70,30,12)
```
#57250f
```
#57250f rgb(87,37,15)
```
#672c12
```
#672c12 rgb(103,44,18)
```
#783315
```
#783315 rgb(120,51,21)
```
#893a18
```
#893a18 rgb(137,58,24)
```
#99411b
```
#99411b rgb(153,65,27)
```
#aa491e
```
#aa491e rgb(170,73,30)
```
#ba5021
```
#ba5021 rgb(186,80,33)
```
#cb5724
```
#cb5724 rgb(203,87,36)
```

Shade Color Variation

#d95f2a
```
#d95f2a rgb(217,95,42)
```
#dc6c3b
```
#dc6c3b rgb(220,108,59)
```
#df784b
```
#df784b rgb(223,120,75)
```
#e2855c
```
#e2855c rgb(226,133,92)
```
#e5916d
```
#e5916d rgb(229,145,109)
```
#e89e7d
```
#e89e7d rgb(232,158,125)
```
#ebaa8e
```
#ebaa8e rgb(235,170,142)
```
#eeb79f
```
#eeb79f rgb(238,183,159)
```
#f1c3af
```
#f1c3af rgb(241,195,175)
```
#f4d0c0
```
#f4d0c0 rgb(244,208,192)
```
#f7dcd0
```
#f7dcd0 rgb(247,220,208)
```
#fae9e1
```
#fae9e1 rgb(250,233,225)
```
#fdf5f2
```
#fdf5f2 rgb(253,245,242)
```

Tint Color Variation

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

#828181
```
#828181 rgb(130,129,129)
```
#8c7d77
```
#8c7d77 rgb(140,125,119)
```
#957a6e
```
#957a6e rgb(149,122,110)
```
#9f7664
```
#9f7664 rgb(159,118,100)
```
#a9725a
```
#a9725a rgb(169,114,90)
```
#b26e51
```
#b26e51 rgb(178,110,81)
```
#bc6a47
```
#bc6a47 rgb(188,106,71)
```
#c6673d
```
#c6673d rgb(198,103,61)
```
#cf6334
```
#cf6334 rgb(207,99,52)
```
#d95f2a
```
#d95f2a rgb(217,95,42)
```
#e35b20
```
#e35b20 rgb(227,91,32)
```
#ec5717
```
#ec5717 rgb(236,87,23)
```
#f6540d
```
#f6540d rgb(246,84,13)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#8f776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3e Protanopia 1% of men
#ac832a Deuteranopia 1% of men
#dd6167 Tritanopia 0.001% of the population

Trichromacy

#b07a37 Protanomaly 1% of men, 0.01% of women
#bc762a Deuteranomaly 6% of men, 0.4% of women
#db6051 Tritanomaly 0.01% of the population

#d95f2a hex color

#d95f2a Color Information

#d95f2a Color Conversion

Color Schemes with #d95f2a

Alternatives to #d95f2a

#d95f2a Preview

Shades and Tints of #d95f2a

Tones of #d95f2a

Color Blindness Simulator