#f25a0e hex color

In a RGB color space, hex #f25a0e is composed of 94.9% red, 35.3% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.8% magenta, 94.2% yellow and 5.1% black. It has a hue angle of 20 degrees, a saturation of 89.8% and a lightness of 50.2%. #f25a0e color hex could be obtained by blending #ffb41c with #e50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 95
- G 35
- B 5
RGB color chart
- C 0
- M 63
- Y 94
- K 5
CMYK color chart

● #f25a0e color description : Vivid orange.

The hexadecimal color #f25a0e has RGB values of R:242, G:90, B:14 and CMYK values of C:0, M:0.63, Y:0.94, K:0.05. Its decimal value is 15882766.

Hex triplet	f25a0e	`#f25a0e`
RGB Decimal	242, 90, 14	`rgb(242,90,14)`
RGB Percent	94.9, 35.3, 5.5	`rgb(94.9%,35.3%,5.5%)`
CMYK	0, 63, 94, 5
HSL	20°, 89.8, 50.2	`hsl(20,89.8%,50.2%)`
HSV (or HSB)	20°, 94.2, 94.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.251, 55.754, 65.333
XYZ	40.355, 26.226, 3.353
xyY	0.577, 0.375, 26.226
CIE-LCH	58.251, 85.889, 49.523
CIE-LUV	58.251, 125.618, 48.092
Hunter-Lab	51.211, 51.042, 31.966
Binary	11110010, 01011010, 00001110

#f25a0e
```
#f25a0e rgb(242,90,14)
```
#0ea6f2
```
#0ea6f2 rgb(14,166,242)
```

Complementary Color

#f20e34
```
#f20e34 rgb(242,14,52)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#f2cc0e
```
#f2cc0e rgb(242,204,14)
```

Analogous Color

#0e34f2
```
#0e34f2 rgb(14,52,242)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#0ef2cc
```
#0ef2cc rgb(14,242,204)
```

Split Complementary Color

#5a0ef2
```
#5a0ef2 rgb(90,14,242)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#0ef25a
```
#0ef25a rgb(14,242,90)
```

Triadic Color

#f20ea6
```
#f20ea6 rgb(242,14,166)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#0ef25a
```
#0ef25a rgb(14,242,90)
```
#0ea6f2
```
#0ea6f2 rgb(14,166,242)
```

Tetradic Color

#aa3f09
```
#aa3f09 rgb(170,63,9)
```
#c3480a
```
#c3480a rgb(195,72,10)
```
#db510c
```
#db510c rgb(219,81,12)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#f36b26
```
#f36b26 rgb(243,107,38)
```
#f57b3e
```
#f57b3e rgb(245,123,62)
```
#f68c57
```
#f68c57 rgb(246,140,87)
```

Monochromatic Color

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

#f2210e
```
#f2210e rgb(242,33,14)
```
#f2340e
```
#f2340e rgb(242,52,14)
```
#f2470e
```
#f2470e rgb(242,71,14)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#f26d0e
```
#f26d0e rgb(242,109,14)
```
#f2800e
```
#f2800e rgb(242,128,14)
```
#f2930e
```
#f2930e rgb(242,147,14)
```

Similar Colors

Text with hexadecimal color #f25a0e

This text has a font color of #f25a0e.

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

#f25a0e background color

This paragraph has a background color of #f25a0e.

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

#f25a0e border color

This element has a border color of #f25a0e.

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

CSS codes

.text {color:#f25a0e;}

.background {background-color:#f25a0e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140701
```
#140701 rgb(20,7,1)
```
#260e02
```
#260e02 rgb(38,14,2)
```
#391503
```
#391503 rgb(57,21,3)
```
#4b1c04
```
#4b1c04 rgb(75,28,4)
```
#5e2305
```
#5e2305 rgb(94,35,5)
```
#712a06
```
#712a06 rgb(113,42,6)
```
#833007
```
#833007 rgb(131,48,7)
```
#963708
```
#963708 rgb(150,55,8)
```
#a83e09
```
#a83e09 rgb(168,62,9)
```
#bb450a
```
#bb450a rgb(187,69,10)
```
#ce4c0b
```
#ce4c0b rgb(206,76,11)
```
#e0530c
```
#e0530c rgb(224,83,12)
```

Shade Color Variation

#f25a0e
```
#f25a0e rgb(242,90,14)
```
#f36721
```
#f36721 rgb(243,103,33)
```
#f47333
```
#f47333 rgb(244,115,51)
```
#f58046
```
#f58046 rgb(245,128,70)
```
#f68d58
```
#f68d58 rgb(246,141,88)
```
#f79a6b
```
#f79a6b rgb(247,154,107)
```
#f8a67e
```
#f8a67e rgb(248,166,126)
```
#f9b390
```
#f9b390 rgb(249,179,144)
```
#fac0a3
```
#fac0a3 rgb(250,192,163)
```
#fbcdb6
```
#fbcdb6 rgb(251,205,182)
```
#fcd9c8
```
#fcd9c8 rgb(252,217,200)
```
#fde6db
```
#fde6db rgb(253,230,219)
```
#fef3ed
```
#fef3ed rgb(254,243,237)
```

Tint Color Variation

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

#877e79
```
#877e79 rgb(135,126,121)
```
#907b70
```
#907b70 rgb(144,123,112)
```
#9a7766
```
#9a7766 rgb(154,119,102)
```
#a4745c
```
#a4745c rgb(164,116,92)
```
#ae7152
```
#ae7152 rgb(174,113,82)
```
#b76e49
```
#b76e49 rgb(183,110,73)
```
#c16a3f
```
#c16a3f rgb(193,106,63)
```
#cb6735
```
#cb6735 rgb(203,103,53)
```
#d5642b
```
#d5642b rgb(213,100,43)
```
#de6122
```
#de6122 rgb(222,97,34)
```
#e85d18
```
#e85d18 rgb(232,93,24)
```
#f25a0e
```
#f25a0e rgb(242,90,14)
```
#fc5704
```
#fc5704 rgb(252,87,4)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#967868 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39227 Protanopia 1% of men
#b68b00 Deuteranopia 1% of men
#f45c61 Tritanopia 0.001% of the population

Trichromacy

#bf7d1d Protanomaly 1% of men, 0.01% of women
#cc7905 Deuteranomaly 6% of men, 0.4% of women
#f35b43 Tritanomaly 0.01% of the population

#f25a0e hex color

#f25a0e Color Information

#f25a0e Color Conversion

Color Schemes with #f25a0e

Alternatives to #f25a0e

#f25a0e Preview

Shades and Tints of #f25a0e

Tones of #f25a0e

Color Blindness Simulator