#f25f1d hex color

In a RGB color space, hex #f25f1d is composed of 94.9% red, 37.3% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 88% yellow and 5.1% black. It has a hue angle of 18.6 degrees, a saturation of 89.1% and a lightness of 53.1%. #f25f1d color hex could be obtained by blending #ffbe3a with #e50000. Closest websafe color is: #ff6633.

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

● #f25f1d color description : Vivid orange.

The hexadecimal color #f25f1d has RGB values of R:242, G:95, B:29 and CMYK values of C:0, M:0.61, Y:0.88, K:0.05. Its decimal value is 15884061.

Hex triplet	f25f1d	`#f25f1d`
RGB Decimal	242, 95, 29	`rgb(242,95,29)`
RGB Percent	94.9, 37.3, 11.4	`rgb(94.9%,37.3%,11.4%)`
CMYK	0, 61, 88, 5
HSL	18.6°, 89.1, 53.1	`hsl(18.6,89.1%,53.1%)`
HSV (or HSB)	18.6°, 88, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.117, 53.806, 61.678
XYZ	40.934, 27.155, 4.248
xyY	0.566, 0.375, 27.155
CIE-LCH	59.117, 81.849, 48.9
CIE-LUV	59.117, 120.914, 47.495
Hunter-Lab	52.11, 49.023, 31.644
Binary	11110010, 01011111, 00011101

#f25f1d
```
#f25f1d rgb(242,95,29)
```
#1db0f2
```
#1db0f2 rgb(29,176,242)
```

Complementary Color

#f21d46
```
#f21d46 rgb(242,29,70)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#f2ca1d
```
#f2ca1d rgb(242,202,29)
```

Analogous Color

#1d46f2
```
#1d46f2 rgb(29,70,242)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#1df2ca
```
#1df2ca rgb(29,242,202)
```

Split Complementary Color

#5f1df2
```
#5f1df2 rgb(95,29,242)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#1df25f
```
#1df25f rgb(29,242,95)
```

Triadic Color

#f21db0
```
#f21db0 rgb(242,29,176)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#1df25f
```
#1df25f rgb(29,242,95)
```
#1db0f2
```
#1db0f2 rgb(29,176,242)
```

Tetradic Color

#b8400b
```
#b8400b rgb(184,64,11)
```
#d0490c
```
#d0490c rgb(208,73,12)
```
#e8510d
```
#e8510d rgb(232,81,13)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#f37035
```
#f37035 rgb(243,112,53)
```
#f5814d
```
#f5814d rgb(245,129,77)
```
#f69265
```
#f69265 rgb(246,146,101)
```

Monochromatic Color

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

#f22a1d
```
#f22a1d rgb(242,42,29)
```
#f23c1d
```
#f23c1d rgb(242,60,29)
```
#f24d1d
```
#f24d1d rgb(242,77,29)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#f2711d
```
#f2711d rgb(242,113,29)
```
#f2831d
```
#f2831d rgb(242,131,29)
```
#f2941d
```
#f2941d rgb(242,148,29)
```

Similar Colors

Text with hexadecimal color #f25f1d

This text has a font color of #f25f1d.

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

#f25f1d background color

This paragraph has a background color of #f25f1d.

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

#f25f1d border color

This element has a border color of #f25f1d.

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

CSS codes

.text {color:#f25f1d;}

.background {background-color:#f25f1d;}

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

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

#0f0501
```
#0f0501 rgb(15,5,1)
```
#220c02
```
#220c02 rgb(34,12,2)
```
#341203
```
#341203 rgb(52,18,3)
```
#471904
```
#471904 rgb(71,25,4)
```
#591f05
```
#591f05 rgb(89,31,5)
```
#6c2606
```
#6c2606 rgb(108,38,6)
```
#7e2c07
```
#7e2c07 rgb(126,44,7)
```
#913308
```
#913308 rgb(145,51,8)
```
#a43909
```
#a43909 rgb(164,57,9)
```
#b6400a
```
#b6400a rgb(182,64,10)
```
#c9460c
```
#c9460c rgb(201,70,12)
```
#db4d0d
```
#db4d0d rgb(219,77,13)
```
#ee530e
```
#ee530e rgb(238,83,14)
```

Shade Color Variation

#f25f1d
```
#f25f1d rgb(242,95,29)
```
#f36c30
```
#f36c30 rgb(243,108,48)
```
#f47942
```
#f47942 rgb(244,121,66)
```
#f58655
```
#f58655 rgb(245,134,85)
```
#f69467
```
#f69467 rgb(246,148,103)
```
#f7a17a
```
#f7a17a rgb(247,161,122)
```
#f8ae8c
```
#f8ae8c rgb(248,174,140)
```
#f9bb9f
```
#f9bb9f rgb(249,187,159)
```
#fbc8b1
```
#fbc8b1 rgb(251,200,177)
```
#fcd5c4
```
#fcd5c4 rgb(252,213,196)
```
#fde2d6
```
#fde2d6 rgb(253,226,214)
```
#feefe9
```
#feefe9 rgb(254,239,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#8d8582
```
#8d8582 rgb(141,133,130)
```
#968279
```
#968279 rgb(150,130,121)
```
#9f7e70
```
#9f7e70 rgb(159,126,112)
```
#a87b67
```
#a87b67 rgb(168,123,103)
```
#b2775d
```
#b2775d rgb(178,119,93)
```
#bb7454
```
#bb7454 rgb(187,116,84)
```
#c4704b
```
#c4704b rgb(196,112,75)
```
#cd6d42
```
#cd6d42 rgb(205,109,66)
```
#d66939
```
#d66939 rgb(214,105,57)
```
#e0662f
```
#e0662f rgb(224,102,47)
```
#e96226
```
#e96226 rgb(233,98,38)
```
#f25f1d
```
#f25f1d rgb(242,95,29)
```
#fb5c14
```
#fb5c14 rgb(251,92,20)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#997c6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59433 Protanopia 1% of men
#b98c0c Deuteranopia 1% of men
#f46166 Tritanopia 0.001% of the population

Trichromacy

#c1802b Protanomaly 1% of men, 0.01% of women
#ce7c12 Deuteranomaly 6% of men, 0.4% of women
#f3604b Tritanomaly 0.01% of the population

#f25f1d hex color

#f25f1d Color Information

#f25f1d Color Conversion

Color Schemes with #f25f1d

Alternatives to #f25f1d

#f25f1d Preview

Shades and Tints of #f25f1d

Tones of #f25f1d

Color Blindness Simulator