#ff8226 hex color

In a RGB color space, hex #ff8226 is composed of 100% red, 51% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 85.1% yellow and 0% black. It has a hue angle of 25.4 degrees, a saturation of 100% and a lightness of 57.5%. #ff8226 color hex could be obtained by blending #ffff4c with #ff0500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 100
- G 51
- B 15
RGB color chart
- C 0
- M 49
- Y 85
- K 0
CMYK color chart

● #ff8226 color description : Vivid orange.

The hexadecimal color #ff8226 has RGB values of R:255, G:130, B:38 and CMYK values of C:0, M:0.49, Y:0.85, K:0. Its decimal value is 16744998.

Hex triplet	ff8226	`#ff8226`
RGB Decimal	255, 130, 38	`rgb(255,130,38)`
RGB Percent	100, 51, 14.9	`rgb(100%,51%,14.9%)`
CMYK	0, 49, 85, 0
HSL	25.4°, 100, 57.5	`hsl(25.4,100%,57.5%)`
HSV (or HSB)	25.4°, 85.1, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	67.554, 42.334, 66.149
XYZ	49.574, 37.37, 6.436
xyY	0.531, 0.4, 37.37
CIE-LCH	67.554, 78.536, 57.382
CIE-LUV	67.554, 102.927, 57.962
Hunter-Lab	61.131, 37.776, 36.549
Binary	11111111, 10000010, 00100110

#ff8226
```
#ff8226 rgb(255,130,38)
```
#26a3ff
```
#26a3ff rgb(38,163,255)
```

Complementary Color

#ff2637
```
#ff2637 rgb(255,38,55)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#ffef26
```
#ffef26 rgb(255,239,38)
```

Analogous Color

#2637ff
```
#2637ff rgb(38,55,255)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#26ffef
```
#26ffef rgb(38,255,239)
```

Split Complementary Color

#8226ff
```
#8226ff rgb(130,38,255)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#26ff82
```
#26ff82 rgb(38,255,130)
```

Triadic Color

#ff26a3
```
#ff26a3 rgb(255,38,163)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#26ff82
```
#26ff82 rgb(38,255,130)
```
#26a3ff
```
#26a3ff rgb(38,163,255)
```

Tetradic Color

#d95c00
```
#d95c00 rgb(217,92,0)
```
#f26700
```
#f26700 rgb(242,103,0)
```
#ff730d
```
#ff730d rgb(255,115,13)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#ff9140
```
#ff9140 rgb(255,145,64)
```
#ff9f59
```
#ff9f59 rgb(255,159,89)
```
#ffae73
```
#ffae73 rgb(255,174,115)
```

Monochromatic Color

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

#ff4c26
```
#ff4c26 rgb(255,76,38)
```
#ff5e26
```
#ff5e26 rgb(255,94,38)
```
#ff7026
```
#ff7026 rgb(255,112,38)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#ff9426
```
#ff9426 rgb(255,148,38)
```
#ffa626
```
#ffa626 rgb(255,166,38)
```
#ffb826
```
#ffb826 rgb(255,184,38)
```

Similar Colors

Text with hexadecimal color #ff8226

This text has a font color of #ff8226.

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

#ff8226 background color

This paragraph has a background color of #ff8226.

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

#ff8226 border color

This element has a border color of #ff8226.

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

CSS codes

.text {color:#ff8226;}

.background {background-color:#ff8226;}

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

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

#120800
```
#120800 rgb(18,8,0)
```
#261000
```
#261000 rgb(38,16,0)
```
#3a1800
```
#3a1800 rgb(58,24,0)
```
#4d2100
```
#4d2100 rgb(77,33,0)
```
#612900
```
#612900 rgb(97,41,0)
```
#743100
```
#743100 rgb(116,49,0)
```
#883a00
```
#883a00 rgb(136,58,0)
```
#9c4200
```
#9c4200 rgb(156,66,0)
```
#af4a00
```
#af4a00 rgb(175,74,0)
```
#c35300
```
#c35300 rgb(195,83,0)
```
#d75b00
```
#d75b00 rgb(215,91,0)
```
#ea6300
```
#ea6300 rgb(234,99,0)
```
#fe6c00
```
#fe6c00 rgb(254,108,0)
```

Shade Color Variation

#ff7712
```
#ff7712 rgb(255,119,18)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```
#ff8d3a
```
#ff8d3a rgb(255,141,58)
```
#ff994d
```
#ff994d rgb(255,153,77)
```
#ffa461
```
#ffa461 rgb(255,164,97)
```
#ffaf74
```
#ffaf74 rgb(255,175,116)
```
#ffba88
```
#ffba88 rgb(255,186,136)
```
#ffc69c
```
#ffc69c rgb(255,198,156)
```
#ffd1af
```
#ffd1af rgb(255,209,175)
```
#ffdcc3
```
#ffdcc3 rgb(255,220,195)
```
#ffe8d7
```
#ffe8d7 rgb(255,232,215)
```
#fff3ea
```
#fff3ea rgb(255,243,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#9b918a
```
#9b918a rgb(155,145,138)
```
#a39082
```
#a39082 rgb(163,144,130)
```
#ac8f79
```
#ac8f79 rgb(172,143,121)
```
#b48d71
```
#b48d71 rgb(180,141,113)
```
#bc8c69
```
#bc8c69 rgb(188,140,105)
```
#c58b60
```
#c58b60 rgb(197,139,96)
```
#cd8a58
```
#cd8a58 rgb(205,138,88)
```
#d58850
```
#d58850 rgb(213,136,80)
```
#de8747
```
#de8747 rgb(222,135,71)
```
#e6863f
```
#e6863f rgb(230,134,63)
```
#ee8537
```
#ee8537 rgb(238,133,55)
```
#f7832e
```
#f7832e rgb(247,131,46)
```
#ff8226
```
#ff8226 rgb(255,130,38)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#b19885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca939 Protanopia 1% of men
#d3a123 Deuteranopia 1% of men
#ff828a Tritanopia 0.001% of the population

Trichromacy

#d49b32 Protanomaly 1% of men, 0.01% of women
#e39524 Deuteranomaly 6% of men, 0.4% of women
#ff8265 Tritanomaly 0.01% of the population

#ff8226 hex color

#ff8226 Color Information

#ff8226 Color Conversion

Color Schemes with #ff8226

Alternatives to #ff8226

#ff8226 Preview

Shades and Tints of #ff8226

Tones of #ff8226

Color Blindness Simulator