#f1a625 hex color

In a RGB color space, hex #f1a625 is composed of 94.5% red, 65.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.1% magenta, 84.6% yellow and 5.5% black. It has a hue angle of 37.9 degrees, a saturation of 87.9% and a lightness of 54.5%. #f1a625 color hex could be obtained by blending #ffff4a with #e34d00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 65
- B 15
RGB color chart
- C 0
- M 31
- Y 85
- K 5
CMYK color chart

● #f1a625 color description : Bright orange.

The hexadecimal color #f1a625 has RGB values of R:241, G:166, B:37 and CMYK values of C:0, M:0.31, Y:0.85, K:0.05. Its decimal value is 15836709.

Hex triplet	f1a625	`#f1a625`
RGB Decimal	241, 166, 37	`rgb(241,166,37)`
RGB Percent	94.5, 65.1, 14.5	`rgb(94.5%,65.1%,14.5%)`
CMYK	0, 31, 85, 5
HSL	37.9°, 87.9, 54.5	`hsl(37.9,87.9%,54.5%)`
HSV (or HSB)	37.9°, 84.6, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.617, 18.011, 70.731
XYZ	50.247, 46.11, 8.004
xyY	0.481, 0.442, 46.11
CIE-LCH	73.617, 72.988, 75.714
CIE-LUV	73.617, 61.802, 70.332
Hunter-Lab	67.904, 13.251, 40.544
Binary	11110001, 10100110, 00100101

#f1a625
```
#f1a625 rgb(241,166,37)
```
#2570f1
```
#2570f1 rgb(37,112,241)
```

Complementary Color

#f14025
```
#f14025 rgb(241,64,37)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#d6f125
```
#d6f125 rgb(214,241,37)
```

Analogous Color

#4025f1
```
#4025f1 rgb(64,37,241)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#25d6f1
```
#25d6f1 rgb(37,214,241)
```

Split Complementary Color

#a625f1
```
#a625f1 rgb(166,37,241)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#25f1a6
```
#25f1a6 rgb(37,241,166)
```

Triadic Color

#f12570
```
#f12570 rgb(241,37,112)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#25f1a6
```
#25f1a6 rgb(37,241,166)
```
#2570f1
```
#2570f1 rgb(37,112,241)
```

Tetradic Color

#bd7c0c
```
#bd7c0c rgb(189,124,12)
```
#d58c0e
```
#d58c0e rgb(213,140,14)
```
#ed9c0f
```
#ed9c0f rgb(237,156,15)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#f3b03d
```
#f3b03d rgb(243,176,61)
```
#f4ba55
```
#f4ba55 rgb(244,186,85)
```
#f6c36d
```
#f6c36d rgb(246,195,109)
```

Monochromatic Color

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

#f17325
```
#f17325 rgb(241,115,37)
```
#f18425
```
#f18425 rgb(241,132,37)
```
#f19525
```
#f19525 rgb(241,149,37)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#f1b725
```
#f1b725 rgb(241,183,37)
```
#f1c825
```
#f1c825 rgb(241,200,37)
```
#f1d925
```
#f1d925 rgb(241,217,37)
```

Similar Colors

Text with hexadecimal color #f1a625

This text has a font color of #f1a625.

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

#f1a625 background color

This paragraph has a background color of #f1a625.

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

#f1a625 border color

This element has a border color of #f1a625.

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

CSS codes

.text {color:#f1a625;}

.background {background-color:#f1a625;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#160e01
```
#160e01 rgb(22,14,1)
```
#281a03
```
#281a03 rgb(40,26,3)
```
#3a2604
```
#3a2604 rgb(58,38,4)
```
#4d3205
```
#4d3205 rgb(77,50,5)
```
#5f3f06
```
#5f3f06 rgb(95,63,6)
```
#724b07
```
#724b07 rgb(114,75,7)
```
#845708
```
#845708 rgb(132,87,8)
```
#97630a
```
#97630a rgb(151,99,10)
```
#a96f0b
```
#a96f0b rgb(169,111,11)
```
#bb7b0c
```
#bb7b0c rgb(187,123,12)
```
#ce870d
```
#ce870d rgb(206,135,13)
```
#e0930e
```
#e0930e rgb(224,147,14)
```

Shade Color Variation

#f09e13
```
#f09e13 rgb(240,158,19)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#f2ae37
```
#f2ae37 rgb(242,174,55)
```
#f3b54a
```
#f3b54a rgb(243,181,74)
```
#f5bd5c
```
#f5bd5c rgb(245,189,92)
```
#f6c46f
```
#f6c46f rgb(246,196,111)
```
#f7cc81
```
#f7cc81 rgb(247,204,129)
```
#f8d394
```
#f8d394 rgb(248,211,148)
```
#f9dba6
```
#f9dba6 rgb(249,219,166)
```
#fae2b8
```
#fae2b8 rgb(250,226,184)
```
#fceacb
```
#fceacb rgb(252,234,203)
```
#fdf1dd
```
#fdf1dd rgb(253,241,221)
```
#fef9f0
```
#fef9f0 rgb(254,249,240)
```

Tint Color Variation

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

#8f8c87
```
#8f8c87 rgb(143,140,135)
```
#988e7e
```
#988e7e rgb(152,142,126)
```
#a19175
```
#a19175 rgb(161,145,117)
```
#aa936c
```
#aa936c rgb(170,147,108)
```
#b39563
```
#b39563 rgb(179,149,99)
```
#bb985b
```
#bb985b rgb(187,152,91)
```
#c49a52
```
#c49a52 rgb(196,154,82)
```
#cd9d49
```
#cd9d49 rgb(205,157,73)
```
#d69f40
```
#d69f40 rgb(214,159,64)
```
#dfa137
```
#dfa137 rgb(223,161,55)
```
#e8a42e
```
#e8a42e rgb(232,164,46)
```
#f1a625
```
#f1a625 rgb(241,166,37)
```
#faa81c
```
#faa81c rgb(250,168,28)
```

Tone Color Variation

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

Dichromacy

#ceb934 Protanopia 1% of men
#e6af2d Deuteranopia 1% of men
#f89faa Tritanopia 0.001% of the population

Trichromacy

#dbb22e Protanomaly 1% of men, 0.01% of women
#eaac2a Deuteranomaly 6% of men, 0.4% of women
#f6a27a Tritanomaly 0.01% of the population

#f1a625 hex color

#f1a625 Color Information

#f1a625 Color Conversion

Color Schemes with #f1a625

Alternatives to #f1a625

#f1a625 Preview

Shades and Tints of #f1a625

Tones of #f1a625

Color Blindness Simulator