#f1a31d hex color

In a RGB color space, hex #f1a31d is composed of 94.5% red, 63.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 88% yellow and 5.5% black. It has a hue angle of 37.9 degrees, a saturation of 88.3% and a lightness of 52.9%. #f1a31d color hex could be obtained by blending #ffff3a with #e34700. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 64
- B 11
RGB color chart
- C 0
- M 32
- Y 88
- K 5
CMYK color chart

● #f1a31d color description : Vivid orange.

The hexadecimal color #f1a31d has RGB values of R:241, G:163, B:29 and CMYK values of C:0, M:0.32, Y:0.88, K:0.05. Its decimal value is 15835933.

Hex triplet	f1a31d	`#f1a31d`
RGB Decimal	241, 163, 29	`rgb(241,163,29)`
RGB Percent	94.5, 63.9, 11.4	`rgb(94.5%,63.9%,11.4%)`
CMYK	0, 32, 88, 5
HSL	37.9°, 88.3, 52.9	`hsl(37.9,88.3%,52.9%)`
HSV (or HSB)	37.9°, 88, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	72.883, 19.418, 72.245
XYZ	49.596, 44.987, 7.234
xyY	0.487, 0.442, 44.987
CIE-LCH	72.883, 74.809, 74.955
CIE-LUV	72.883, 64.478, 70.425
Hunter-Lab	67.073, 14.613, 40.556
Binary	11110001, 10100011, 00011101

#f1a31d
```
#f1a31d rgb(241,163,29)
```
#1d6bf1
```
#1d6bf1 rgb(29,107,241)
```

Complementary Color

#f1391d
```
#f1391d rgb(241,57,29)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#d5f11d
```
#d5f11d rgb(213,241,29)
```

Analogous Color

#391df1
```
#391df1 rgb(57,29,241)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#1dd5f1
```
#1dd5f1 rgb(29,213,241)
```

Split Complementary Color

#a31df1
```
#a31df1 rgb(163,29,241)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#1df1a3
```
#1df1a3 rgb(29,241,163)
```

Triadic Color

#f11d6b
```
#f11d6b rgb(241,29,107)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#1df1a3
```
#1df1a3 rgb(29,241,163)
```
#1d6bf1
```
#1d6bf1 rgb(29,107,241)
```

Tetradic Color

#b6770b
```
#b6770b rgb(182,119,11)
```
#ce870d
```
#ce870d rgb(206,135,13)
```
#e6970e
```
#e6970e rgb(230,151,14)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#f2ad35
```
#f2ad35 rgb(242,173,53)
```
#f4b74d
```
#f4b74d rgb(244,183,77)
```
#f5c065
```
#f5c065 rgb(245,192,101)
```

Monochromatic Color

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

#f16e1d
```
#f16e1d rgb(241,110,29)
```
#f1801d
```
#f1801d rgb(241,128,29)
```
#f1911d
```
#f1911d rgb(241,145,29)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#f1b51d
```
#f1b51d rgb(241,181,29)
```
#f1c61d
```
#f1c61d rgb(241,198,29)
```
#f1d81d
```
#f1d81d rgb(241,216,29)
```

Similar Colors

Text with hexadecimal color #f1a31d

This text has a font color of #f1a31d.

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

#f1a31d background color

This paragraph has a background color of #f1a31d.

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

#f1a31d border color

This element has a border color of #f1a31d.

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

CSS codes

.text {color:#f1a31d;}

.background {background-color:#f1a31d;}

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

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

#0e0901
```
#0e0901 rgb(14,9,1)
```
#211502
```
#211502 rgb(33,21,2)
```
#332103
```
#332103 rgb(51,33,3)
```
#462e04
```
#462e04 rgb(70,46,4)
```
#583a05
```
#583a05 rgb(88,58,5)
```
#6a4607
```
#6a4607 rgb(106,70,7)
```
#7d5208
```
#7d5208 rgb(125,82,8)
```
#8f5e09
```
#8f5e09 rgb(143,94,9)
```
#a26a0a
```
#a26a0a rgb(162,106,10)
```
#b4760b
```
#b4760b rgb(180,118,11)
```
#c7820c
```
#c7820c rgb(199,130,12)
```
#d98e0d
```
#d98e0d rgb(217,142,13)
```
#ec9a0f
```
#ec9a0f rgb(236,154,15)
```

Shade Color Variation

#f1a31d
```
#f1a31d rgb(241,163,29)
```
#f2ab2f
```
#f2ab2f rgb(242,171,47)
```
#f3b242
```
#f3b242 rgb(243,178,66)
```
#f4ba54
```
#f4ba54 rgb(244,186,84)
```
#f6c167
```
#f6c167 rgb(246,193,103)
```
#f7c979
```
#f7c979 rgb(247,201,121)
```
#f8d08c
```
#f8d08c rgb(248,208,140)
```
#f9d89e
```
#f9d89e rgb(249,216,158)
```
#fadfb1
```
#fadfb1 rgb(250,223,177)
```
#fbe7c3
```
#fbe7c3 rgb(251,231,195)
```
#fceed6
```
#fceed6 rgb(252,238,214)
```
#fef6e8
```
#fef6e8 rgb(254,246,232)
```
#fffdfb
```
#fffdfb rgb(255,253,251)
```

Tint Color Variation

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

#8b8883
```
#8b8883 rgb(139,136,131)
```
#958b79
```
#958b79 rgb(149,139,121)
```
#9e8d70
```
#9e8d70 rgb(158,141,112)
```
#a78f67
```
#a78f67 rgb(167,143,103)
```
#b0925e
```
#b0925e rgb(176,146,94)
```
#ba9454
```
#ba9454 rgb(186,148,84)
```
#c3974b
```
#c3974b rgb(195,151,75)
```
#cc9942
```
#cc9942 rgb(204,153,66)
```
#d59c39
```
#d59c39 rgb(213,156,57)
```
#df9e2f
```
#df9e2f rgb(223,158,47)
```
#e8a126
```
#e8a126 rgb(232,161,38)
```
#f1a31d
```
#f1a31d rgb(241,163,29)
```
#faa514
```
#faa514 rgb(250,165,20)
```

Tone Color Variation

Below, you can see how #f1a31d 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
#b9a98f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb72c Protanopia 1% of men
#e4ae23 Deuteranopia 1% of men
#f89ca7 Tritanopia 0.001% of the population

Trichromacy

#d9af27 Protanomaly 1% of men, 0.01% of women
#e8aa21 Deuteranomaly 6% of men, 0.4% of women
#f59f75 Tritanomaly 0.01% of the population

#f1a31d hex color

#f1a31d Color Information

#f1a31d Color Conversion

Color Schemes with #f1a31d

Alternatives to #f1a31d

#f1a31d Preview

Shades and Tints of #f1a31d

Tones of #f1a31d

Color Blindness Simulator