#ff640e hex color

In a RGB color space, hex #ff640e is composed of 100% red, 39.2% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 94.5% yellow and 0% black. It has a hue angle of 21.4 degrees, a saturation of 100% and a lightness of 52.7%. #ff640e color hex could be obtained by blending #ffc81c with #ff0000. Closest websafe color is: #ff6600.

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

● #ff640e color description : Vivid orange.

The hexadecimal color #ff640e has RGB values of R:255, G:100, B:14 and CMYK values of C:0, M:0.61, Y:0.95, K:0. Its decimal value is 16737294.

Hex triplet	ff640e	`#ff640e`
RGB Decimal	255, 100, 14	`rgb(255,100,14)`
RGB Percent	100, 39.2, 5.5	`rgb(100%,39.2%,5.5%)`
CMYK	0, 61, 95, 0
HSL	21.4°, 100, 52.7	`hsl(21.4,100%,52.7%)`
HSV (or HSB)	21.4°, 94.5, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.007, 55.979, 68.74
XYZ	45.879, 30.411, 3.87
xyY	0.572, 0.379, 30.411
CIE-LCH	62.007, 88.65, 50.842
CIE-LUV	62.007, 128.518, 52.003
Hunter-Lab	55.146, 51.996, 34.442
Binary	11111111, 01100100, 00001110

#ff640e
```
#ff640e rgb(255,100,14)
```
#0ea9ff
```
#0ea9ff rgb(14,169,255)
```

Complementary Color

#ff0e31
```
#ff0e31 rgb(255,14,49)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#ffdd0e
```
#ffdd0e rgb(255,221,14)
```

Analogous Color

#0e30ff
```
#0e30ff rgb(14,48,255)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#0effdd
```
#0effdd rgb(14,255,221)
```

Split Complementary Color

#640eff
```
#640eff rgb(100,14,255)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#0eff64
```
#0eff64 rgb(14,255,100)
```

Triadic Color

#ff0ea9
```
#ff0ea9 rgb(255,14,169)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#0eff64
```
#0eff64 rgb(14,255,100)
```
#0ea9ff
```
#0ea9ff rgb(14,169,255)
```

Tetradic Color

#c14500
```
#c14500 rgb(193,69,0)
```
#da4e00
```
#da4e00 rgb(218,78,0)
```
#f45700
```
#f45700 rgb(244,87,0)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#ff7428
```
#ff7428 rgb(255,116,40)
```
#ff8541
```
#ff8541 rgb(255,133,65)
```
#ff955b
```
#ff955b rgb(255,149,91)
```

Monochromatic Color

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

#ff280e
```
#ff280e rgb(255,40,14)
```
#ff3c0e
```
#ff3c0e rgb(255,60,14)
```
#ff500e
```
#ff500e rgb(255,80,14)
```
#ff640e
```
#ff640e rgb(255,100,14)
```
#ff780e
```
#ff780e rgb(255,120,14)
```
#ff8c0e
```
#ff8c0e rgb(255,140,14)
```
#ffa00e
```
#ffa00e rgb(255,160,14)
```

Similar Colors

Text with hexadecimal color #ff640e

This text has a font color of #ff640e.

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

#ff640e background color

This paragraph has a background color of #ff640e.

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

#ff640e border color

This element has a border color of #ff640e.

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

CSS codes

.text {color:#ff640e;}

.background {background-color:#ff640e;}

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

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

#0e0500
```
#0e0500 rgb(14,5,0)
```
#220c00
```
#220c00 rgb(34,12,0)
```
#351300
```
#351300 rgb(53,19,0)
```
#491a00
```
#491a00 rgb(73,26,0)
```
#5c2100
```
#5c2100 rgb(92,33,0)
```
#702800
```
#702800 rgb(112,40,0)
```
#842f00
```
#842f00 rgb(132,47,0)
```
#973600
```
#973600 rgb(151,54,0)
```
#ab3d00
```
#ab3d00 rgb(171,61,0)
```
#bf4400
```
#bf4400 rgb(191,68,0)
```
#d24b00
```
#d24b00 rgb(210,75,0)
```
#e65200
```
#e65200 rgb(230,82,0)
```
#f95900
```
#f95900 rgb(249,89,0)
```

Shade Color Variation

#ff640e
```
#ff640e rgb(255,100,14)
```
#ff7122
```
#ff7122 rgb(255,113,34)
```
#ff7d35
```
#ff7d35 rgb(255,125,53)
```
#ff8a49
```
#ff8a49 rgb(255,138,73)
```
#ff965c
```
#ff965c rgb(255,150,92)
```
#ffa370
```
#ffa370 rgb(255,163,112)
```
#ffb084
```
#ffb084 rgb(255,176,132)
```
#ffbc97
```
#ffbc97 rgb(255,188,151)
```
#ffc9ab
```
#ffc9ab rgb(255,201,171)
```
#ffd6bf
```
#ffd6bf rgb(255,214,191)
```
#ffe2d2
```
#ffe2d2 rgb(255,226,210)
```
#ffefe6
```
#ffefe6 rgb(255,239,230)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#90847d
```
#90847d rgb(144,132,125)
```
#998174
```
#998174 rgb(153,129,116)
```
#a27f6b
```
#a27f6b rgb(162,127,107)
```
#ac7c61
```
#ac7c61 rgb(172,124,97)
```
#b57958
```
#b57958 rgb(181,121,88)
```
#be774f
```
#be774f rgb(190,119,79)
```
#c77446
```
#c77446 rgb(199,116,70)
```
#d1713c
```
#d1713c rgb(209,113,60)
```
#da6f33
```
#da6f33 rgb(218,111,51)
```
#e36c2a
```
#e36c2a rgb(227,108,42)
```
#ec6921
```
#ec6921 rgb(236,105,33)
```
#f66717
```
#f66717 rgb(246,103,23)
```
#ff640e
```
#ff640e rgb(255,100,14)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#a18270 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b27 Protanopia 1% of men
#c29300 Deuteranopia 1% of men
#ff676c Tritanopia 0.001% of the population

Trichromacy

#cb871e Protanomaly 1% of men, 0.01% of women
#d88205 Deuteranomaly 6% of men, 0.4% of women
#ff664a Tritanomaly 0.01% of the population

#ff640e hex color

#ff640e Color Information

#ff640e Color Conversion

Color Schemes with #ff640e

Alternatives to #ff640e

#ff640e Preview

Shades and Tints of #ff640e

Tones of #ff640e

Color Blindness Simulator