#d48f1a hex color

In a RGB color space, hex #d48f1a is composed of 83.1% red, 56.1% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.5% magenta, 87.7% yellow and 16.9% black. It has a hue angle of 37.7 degrees, a saturation of 78.2% and a lightness of 46.7%. #d48f1a color hex could be obtained by blending #ffff34 with #a91f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 56
- B 10
RGB color chart
- C 0
- M 33
- Y 88
- K 17
CMYK color chart

● #d48f1a color description : Strong orange.

The hexadecimal color #d48f1a has RGB values of R:212, G:143, B:26 and CMYK values of C:0, M:0.33, Y:0.88, K:0.17. Its decimal value is 13930266.

Hex triplet	d48f1a	`#d48f1a`
RGB Decimal	212, 143, 26	`rgb(212,143,26)`
RGB Percent	83.1, 56.1, 10.2	`rgb(83.1%,56.1%,10.2%)`
CMYK	0, 33, 88, 17
HSL	37.7°, 78.2, 46.7	`hsl(37.7,78.2%,46.7%)`
HSV (or HSB)	37.7°, 87.7, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	64.739, 17.599, 65.146
XYZ	37.161, 33.719, 5.529
xyY	0.486, 0.441, 33.719
CIE-LCH	64.739, 67.481, 74.882
CIE-LUV	64.739, 57.077, 62.304
Hunter-Lab	58.068, 12.614, 35.003
Binary	11010100, 10001111, 00011010

#d48f1a
```
#d48f1a rgb(212,143,26)
```
#1a5fd4
```
#1a5fd4 rgb(26,95,212)
```

Complementary Color

#d4321a
```
#d4321a rgb(212,50,26)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#bcd41a
```
#bcd41a rgb(188,212,26)
```

Analogous Color

#321ad4
```
#321ad4 rgb(50,26,212)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#1abcd4
```
#1abcd4 rgb(26,188,212)
```

Split Complementary Color

#8f1ad4
```
#8f1ad4 rgb(143,26,212)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#1ad48f
```
#1ad48f rgb(26,212,143)
```

Triadic Color

#d41a5f
```
#d41a5f rgb(212,26,95)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#1ad48f
```
#1ad48f rgb(26,212,143)
```
#1a5fd4
```
#1a5fd4 rgb(26,95,212)
```

Tetradic Color

#906112
```
#906112 rgb(144,97,18)
```
#a77014
```
#a77014 rgb(167,112,20)
```
#bd8017
```
#bd8017 rgb(189,128,23)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#e49d23
```
#e49d23 rgb(228,157,35)
```
#e7a73a
```
#e7a73a rgb(231,167,58)
```
#eab151
```
#eab151 rgb(234,177,81)
```

Monochromatic Color

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

#d4601a
```
#d4601a rgb(212,96,26)
```
#d4701a
```
#d4701a rgb(212,112,26)
```
#d4801a
```
#d4801a rgb(212,128,26)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#d49f1a
```
#d49f1a rgb(212,159,26)
```
#d4ae1a
```
#d4ae1a rgb(212,174,26)
```
#d4be1a
```
#d4be1a rgb(212,190,26)
```

Similar Colors

Text with hexadecimal color #d48f1a

This text has a font color of #d48f1a.

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

#d48f1a background color

This paragraph has a background color of #d48f1a.

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

#d48f1a border color

This element has a border color of #d48f1a.

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

CSS codes

.text {color:#d48f1a;}

.background {background-color:#d48f1a;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#140d02
```
#140d02 rgb(20,13,2)
```
#251905
```
#251905 rgb(37,25,5)
```
#372507
```
#372507 rgb(55,37,7)
```
#483109
```
#483109 rgb(72,49,9)
```
#5a3c0b
```
#5a3c0b rgb(90,60,11)
```
#6b480d
```
#6b480d rgb(107,72,13)
```
#7d540f
```
#7d540f rgb(125,84,15)
```
#8e6011
```
#8e6011 rgb(142,96,17)
```
#a06c14
```
#a06c14 rgb(160,108,20)
```
#b17716
```
#b17716 rgb(177,119,22)
```
#c38318
```
#c38318 rgb(195,131,24)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```

Shade Color Variation

#e39a1e
```
#e39a1e rgb(227,154,30)
```
#e6a230
```
#e6a230 rgb(230,162,48)
```
#e8aa41
```
#e8aa41 rgb(232,170,65)
```
#eab253
```
#eab253 rgb(234,178,83)
```
#ecba64
```
#ecba64 rgb(236,186,100)
```
#eec176
```
#eec176 rgb(238,193,118)
```
#f0c987
```
#f0c987 rgb(240,201,135)
```
#f2d198
```
#f2d198 rgb(242,209,152)
```
#f5d9aa
```
#f5d9aa rgb(245,217,170)
```
#f7e1bb
```
#f7e1bb rgb(247,225,187)
```
#f9e9cd
```
#f9e9cd rgb(249,233,205)
```
#fbf0de
```
#fbf0de rgb(251,240,222)
```
#fdf8f0
```
#fdf8f0 rgb(253,248,240)
```

Tint Color Variation

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

#787776
```
#787776 rgb(120,119,118)
```
#827a6c
```
#827a6c rgb(130,122,108)
```
#8b7c63
```
#8b7c63 rgb(139,124,99)
```
#947e5a
```
#947e5a rgb(148,126,90)
```
#9d8151
```
#9d8151 rgb(157,129,81)
```
#a68348
```
#a68348 rgb(166,131,72)
```
#af863f
```
#af863f rgb(175,134,63)
```
#b98835
```
#b98835 rgb(185,136,53)
```
#c28a2c
```
#c28a2c rgb(194,138,44)
```
#cb8d23
```
#cb8d23 rgb(203,141,35)
```
#d48f1a
```
#d48f1a rgb(212,143,26)
```
#dd9111
```
#dd9111 rgb(221,145,17)
```
#e69408
```
#e69408 rgb(230,148,8)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a2957d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a229 Protanopia 1% of men
#ca9a21 Deuteranopia 1% of men
#dc8b94 Tritanopia 0.001% of the population

Trichromacy

#c09b23 Protanomaly 1% of men, 0.01% of women
#cd961f Deuteranomaly 6% of men, 0.4% of women
#d98c68 Tritanomaly 0.01% of the population

#d48f1a hex color

#d48f1a Color Information

#d48f1a Color Conversion

Color Schemes with #d48f1a

Alternatives to #d48f1a

#d48f1a Preview

Shades and Tints of #d48f1a

Tones of #d48f1a

Color Blindness Simulator