#f29250 hex color

In a RGB color space, hex #f29250 is composed of 94.9% red, 57.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 66.9% yellow and 5.1% black. It has a hue angle of 24.4 degrees, a saturation of 86.2% and a lightness of 63.1%. #f29250 color hex could be obtained by blending #ffffa0 with #e52500. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 57
- B 31
RGB color chart
- C 0
- M 40
- Y 67
- K 5
CMYK color chart

● #f29250 color description : Soft orange.

The hexadecimal color #f29250 has RGB values of R:242, G:146, B:80 and CMYK values of C:0, M:0.4, Y:0.67, K:0.05. Its decimal value is 15897168.

Hex triplet	f29250	`#f29250`
RGB Decimal	242, 146, 80	`rgb(242,146,80)`
RGB Percent	94.9, 57.3, 31.4	`rgb(94.9%,57.3%,31.4%)`
CMYK	0, 40, 67, 5
HSL	24.4°, 86.2, 63.1	`hsl(24.4,86.2%,63.1%)`
HSV (or HSB)	24.4°, 66.9, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	69.482, 30.669, 49.493
XYZ	48.346, 40.018, 12.767
xyY	0.478, 0.396, 40.018
CIE-LCH	69.482, 58.225, 58.215
CIE-LUV	69.482, 75.591, 50.565
Hunter-Lab	63.26, 25.714, 32.316
Binary	11110010, 10010010, 01010000

#f29250
```
#f29250 rgb(242,146,80)
```
#50b0f2
```
#50b0f2 rgb(80,176,242)
```

Complementary Color

#f2505f
```
#f2505f rgb(242,80,95)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#f2e350
```
#f2e350 rgb(242,227,80)
```

Analogous Color

#505ff2
```
#505ff2 rgb(80,95,242)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#50f2e3
```
#50f2e3 rgb(80,242,227)
```

Split Complementary Color

#9250f2
```
#9250f2 rgb(146,80,242)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#50f292
```
#50f292 rgb(80,242,146)
```

Triadic Color

#f250b0
```
#f250b0 rgb(242,80,176)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#50f292
```
#50f292 rgb(80,242,146)
```
#50b0f2
```
#50b0f2 rgb(80,176,242)
```

Tetradic Color

#e56711
```
#e56711 rgb(229,103,17)
```
#ee7421
```
#ee7421 rgb(238,116,33)
```
#f08338
```
#f08338 rgb(240,131,56)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#f4a168
```
#f4a168 rgb(244,161,104)
```
#f6b07f
```
#f6b07f rgb(246,176,127)
```
#f7be97
```
#f7be97 rgb(247,190,151)
```

Monochromatic Color

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

#f26a50
```
#f26a50 rgb(242,106,80)
```
#f27750
```
#f27750 rgb(242,119,80)
```
#f28550
```
#f28550 rgb(242,133,80)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#f2a050
```
#f2a050 rgb(242,160,80)
```
#f2ad50
```
#f2ad50 rgb(242,173,80)
```
#f2bb50
```
#f2bb50 rgb(242,187,80)
```

Similar Colors

Text with hexadecimal color #f29250

This text has a font color of #f29250.

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

#f29250 background color

This paragraph has a background color of #f29250.

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

#f29250 border color

This element has a border color of #f29250.

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

CSS codes

.text {color:#f29250;}

.background {background-color:#f29250;}

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

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

#080301
```
#080301 rgb(8,3,1)
```
#1a0c02
```
#1a0c02 rgb(26,12,2)
```
#2c1403
```
#2c1403 rgb(44,20,3)
```
#3e1c05
```
#3e1c05 rgb(62,28,5)
```
#512406
```
#512406 rgb(81,36,6)
```
#632d07
```
#632d07 rgb(99,45,7)
```
#753509
```
#753509 rgb(117,53,9)
```
#873d0a
```
#873d0a rgb(135,61,10)
```
#9a450b
```
#9a450b rgb(154,69,11)
```
#ac4e0d
```
#ac4e0d rgb(172,78,13)
```
#be560e
```
#be560e rgb(190,86,14)
```
#d05e0f
```
#d05e0f rgb(208,94,15)
```
#e36611
```
#e36611 rgb(227,102,17)
```

Shade Color Variation

#ee7019
```
#ee7019 rgb(238,112,25)
```
#ef7b2b
```
#ef7b2b rgb(239,123,43)
```
#f1873e
```
#f1873e rgb(241,135,62)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#f39d62
```
#f39d62 rgb(243,157,98)
```
#f5a975
```
#f5a975 rgb(245,169,117)
```
#f6b487
```
#f6b487 rgb(246,180,135)
```
#f7bf99
```
#f7bf99 rgb(247,191,153)
```
#f9cbab
```
#f9cbab rgb(249,203,171)
```
#fad6be
```
#fad6be rgb(250,214,190)
```
#fbe2d0
```
#fbe2d0 rgb(251,226,208)
```
#fdede2
```
#fdede2 rgb(253,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#a2a1a0
```
#a2a1a0 rgb(162,161,160)
```
#aa9f98
```
#aa9f98 rgb(170,159,152)
```
#b19e91
```
#b19e91 rgb(177,158,145)
```
#b89d8a
```
#b89d8a rgb(184,157,138)
```
#bf9b83
```
#bf9b83 rgb(191,155,131)
```
#c79a7b
```
#c79a7b rgb(199,154,123)
```
#ce9974
```
#ce9974 rgb(206,153,116)
```
#d5976d
```
#d5976d rgb(213,151,109)
```
#dc9666
```
#dc9666 rgb(220,150,102)
```
#e4955e
```
#e4955e rgb(228,149,94)
```
#eb9357
```
#eb9357 rgb(235,147,87)
```
#f29250
```
#f29250 rgb(242,146,80)
```
#f99149
```
#f99149 rgb(249,145,73)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b6a396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfae60 Protanopia 1% of men
#d5a654 Deuteranopia 1% of men
#f69099 Tritanopia 0.001% of the population

Trichromacy

#d1a35a Protanomaly 1% of men, 0.01% of women
#df9e52 Deuteranomaly 6% of men, 0.4% of women
#f5907e Tritanomaly 0.01% of the population

#f29250 hex color

#f29250 Color Information

#f29250 Color Conversion

Color Schemes with #f29250

Alternatives to #f29250

#f29250 Preview

Shades and Tints of #f29250

Tones of #f29250

Color Blindness Simulator