#f2680e hex color

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

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

● #f2680e color description : Vivid orange.

The hexadecimal color #f2680e has RGB values of R:242, G:104, B:14 and CMYK values of C:0, M:0.57, Y:0.94, K:0.05. Its decimal value is 15886350.

Hex triplet	f2680e	`#f2680e`
RGB Decimal	242, 104, 14	`rgb(242,104,14)`
RGB Percent	94.9, 40.8, 5.5	`rgb(94.9%,40.8%,5.5%)`
CMYK	0, 57, 94, 5
HSL	23.7°, 89.8, 50.2	`hsl(23.7,89.8%,50.2%)`
HSV (or HSB)	23.7°, 94.2, 94.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.617, 49.529, 66.832
XYZ	41.649, 28.814, 3.784
xyY	0.561, 0.388, 28.814
CIE-LCH	60.617, 83.184, 53.458
CIE-LUV	60.617, 114.666, 52.107
Hunter-Lab	53.679, 44.561, 33.396
Binary	11110010, 01101000, 00001110

#f2680e
```
#f2680e rgb(242,104,14)
```
#0e98f2
```
#0e98f2 rgb(14,152,242)
```

Complementary Color

#f20e26
```
#f20e26 rgb(242,14,38)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#f2da0e
```
#f2da0e rgb(242,218,14)
```

Analogous Color

#0e26f2
```
#0e26f2 rgb(14,38,242)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#0ef2da
```
#0ef2da rgb(14,242,218)
```

Split Complementary Color

#680ef2
```
#680ef2 rgb(104,14,242)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#0ef268
```
#0ef268 rgb(14,242,104)
```

Triadic Color

#f20e98
```
#f20e98 rgb(242,14,152)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#0ef268
```
#0ef268 rgb(14,242,104)
```
#0e98f2
```
#0e98f2 rgb(14,152,242)
```

Tetradic Color

#aa4909
```
#aa4909 rgb(170,73,9)
```
#c3530a
```
#c3530a rgb(195,83,10)
```
#db5d0c
```
#db5d0c rgb(219,93,12)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#f37726
```
#f37726 rgb(243,119,38)
```
#f5863e
```
#f5863e rgb(245,134,62)
```
#f69557
```
#f69557 rgb(246,149,87)
```

Monochromatic Color

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

#f22f0e
```
#f22f0e rgb(242,47,14)
```
#f2420e
```
#f2420e rgb(242,66,14)
```
#f2550e
```
#f2550e rgb(242,85,14)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#f27b0e
```
#f27b0e rgb(242,123,14)
```
#f28e0e
```
#f28e0e rgb(242,142,14)
```
#f2a10e
```
#f2a10e rgb(242,161,14)
```

Similar Colors

Text with hexadecimal color #f2680e

This text has a font color of #f2680e.

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

#f2680e background color

This paragraph has a background color of #f2680e.

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

#f2680e border color

This element has a border color of #f2680e.

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

CSS codes

.text {color:#f2680e;}

.background {background-color:#f2680e;}

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

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 #fef4ed is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140801
```
#140801 rgb(20,8,1)
```
#261002
```
#261002 rgb(38,16,2)
```
#391803
```
#391803 rgb(57,24,3)
```
#4b2004
```
#4b2004 rgb(75,32,4)
```
#5e2805
```
#5e2805 rgb(94,40,5)
```
#713006
```
#713006 rgb(113,48,6)
```
#833807
```
#833807 rgb(131,56,7)
```
#964008
```
#964008 rgb(150,64,8)
```
#a84809
```
#a84809 rgb(168,72,9)
```
#bb500a
```
#bb500a rgb(187,80,10)
```
#ce580b
```
#ce580b rgb(206,88,11)
```
#e0600c
```
#e0600c rgb(224,96,12)
```

Shade Color Variation

#f2680e
```
#f2680e rgb(242,104,14)
```
#f37421
```
#f37421 rgb(243,116,33)
```
#f47f33
```
#f47f33 rgb(244,127,51)
```
#f58b46
```
#f58b46 rgb(245,139,70)
```
#f69758
```
#f69758 rgb(246,151,88)
```
#f7a26b
```
#f7a26b rgb(247,162,107)
```
#f8ae7e
```
#f8ae7e rgb(248,174,126)
```
#f9ba90
```
#f9ba90 rgb(249,186,144)
```
#fac5a3
```
#fac5a3 rgb(250,197,163)
```
#fbd1b6
```
#fbd1b6 rgb(251,209,182)
```
#fcddc8
```
#fcddc8 rgb(252,221,200)
```
#fde8db
```
#fde8db rgb(253,232,219)
```
#fef4ed
```
#fef4ed rgb(254,244,237)
```

Tint Color Variation

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

#877f79
```
#877f79 rgb(135,127,121)
```
#907d70
```
#907d70 rgb(144,125,112)
```
#9a7b66
```
#9a7b66 rgb(154,123,102)
```
#a4785c
```
#a4785c rgb(164,120,92)
```
#ae7652
```
#ae7652 rgb(174,118,82)
```
#b77449
```
#b77449 rgb(183,116,73)
```
#c1723f
```
#c1723f rgb(193,114,63)
```
#cb7035
```
#cb7035 rgb(203,112,53)
```
#d56e2b
```
#d56e2b rgb(213,110,43)
```
#de6c22
```
#de6c22 rgb(222,108,34)
```
#e86a18
```
#e86a18 rgb(232,106,24)
```
#f2680e
```
#f2680e rgb(242,104,14)
```
#fc6604
```
#fc6604 rgb(252,102,4)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9c816f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99825 Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#f5686e Tritanopia 0.001% of the population

Trichromacy

#c4861d Protanomaly 1% of men, 0.01% of women
#d08105 Deuteranomaly 6% of men, 0.4% of women
#f4684b Tritanomaly 0.01% of the population

#f2680e hex color

#f2680e Color Information

#f2680e Color Conversion

Color Schemes with #f2680e

Alternatives to #f2680e

#f2680e Preview

Shades and Tints of #f2680e

Tones of #f2680e

Color Blindness Simulator