#ff6320 hex color

In a RGB color space, hex #ff6320 is composed of 100% red, 38.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.2% magenta, 87.5% yellow and 0% black. It has a hue angle of 18 degrees, a saturation of 100% and a lightness of 56.3%. #ff6320 color hex could be obtained by blending #ffc640 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff6320 color description : Vivid orange.

The hexadecimal color #ff6320 has RGB values of R:255, G:99, B:32 and CMYK values of C:0, M:0.61, Y:0.87, K:0. Its decimal value is 16737056.

Hex triplet	ff6320	`#ff6320`
RGB Decimal	255, 99, 32	`rgb(255,99,32)`
RGB Percent	100, 38.8, 12.5	`rgb(100%,38.8%,12.5%)`
CMYK	0, 61, 87, 0
HSL	18°, 100, 56.3	`hsl(18,100%,56.3%)`
HSV (or HSB)	18°, 87.5, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.906, 56.66, 63.702
XYZ	45.965, 30.293, 4.793
xyY	0.567, 0.374, 30.293
CIE-LCH	61.906, 85.255, 48.349
CIE-LUV	61.906, 128.24, 49.352
Hunter-Lab	55.039, 52.752, 33.364
Binary	11111111, 01100011, 00100000

#ff6320
```
#ff6320 rgb(255,99,32)
```
#20bcff
```
#20bcff rgb(32,188,255)
```

Complementary Color

#ff204c
```
#ff204c rgb(255,32,76)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#ffd320
```
#ffd320 rgb(255,211,32)
```

Analogous Color

#204cff
```
#204cff rgb(32,76,255)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#20ffd3
```
#20ffd3 rgb(32,255,211)
```

Split Complementary Color

#6320ff
```
#6320ff rgb(99,32,255)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#20ff63
```
#20ff63 rgb(32,255,99)
```

Triadic Color

#ff20bc
```
#ff20bc rgb(255,32,188)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#20ff63
```
#20ff63 rgb(32,255,99)
```
#20bcff
```
#20bcff rgb(32,188,255)
```

Tetradic Color

#d33f00
```
#d33f00 rgb(211,63,0)
```
#ec4700
```
#ec4700 rgb(236,71,0)
```
#ff5106
```
#ff5106 rgb(255,81,6)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#ff753a
```
#ff753a rgb(255,117,58)
```
#ff8753
```
#ff8753 rgb(255,135,83)
```
#ff996d
```
#ff996d rgb(255,153,109)
```

Monochromatic Color

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

#ff2b20
```
#ff2b20 rgb(255,43,32)
```
#ff3e20
```
#ff3e20 rgb(255,62,32)
```
#ff5020
```
#ff5020 rgb(255,80,32)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#ff7620
```
#ff7620 rgb(255,118,32)
```
#ff8820
```
#ff8820 rgb(255,136,32)
```
#ff9b20
```
#ff9b20 rgb(255,155,32)
```

Similar Colors

Text with hexadecimal color #ff6320

This text has a font color of #ff6320.

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

#ff6320 background color

This paragraph has a background color of #ff6320.

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

#ff6320 border color

This element has a border color of #ff6320.

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

CSS codes

.text {color:#ff6320;}

.background {background-color:#ff6320;}

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

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

#0c0400
```
#0c0400 rgb(12,4,0)
```
#200a00
```
#200a00 rgb(32,10,0)
```
#341000
```
#341000 rgb(52,16,0)
```
#471500
```
#471500 rgb(71,21,0)
```
#5b1b00
```
#5b1b00 rgb(91,27,0)
```
#6e2100
```
#6e2100 rgb(110,33,0)
```
#822700
```
#822700 rgb(130,39,0)
```
#962d00
```
#962d00 rgb(150,45,0)
```
#a93300
```
#a93300 rgb(169,51,0)
```
#bd3900
```
#bd3900 rgb(189,57,0)
```
#d13f00
```
#d13f00 rgb(209,63,0)
```
#e44500
```
#e44500 rgb(228,69,0)
```
#f84a00
```
#f84a00 rgb(248,74,0)
```

Shade Color Variation

#ff550c
```
#ff550c rgb(255,85,12)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```
#ff7134
```
#ff7134 rgb(255,113,52)
```
#ff7e47
```
#ff7e47 rgb(255,126,71)
```
#ff8c5b
```
#ff8c5b rgb(255,140,91)
```
#ff9a6e
```
#ff9a6e rgb(255,154,110)
```
#ffa882
```
#ffa882 rgb(255,168,130)
```
#ffb596
```
#ffb596 rgb(255,181,150)
```
#ffc3a9
```
#ffc3a9 rgb(255,195,169)
```
#ffd1bd
```
#ffd1bd rgb(255,209,189)
```
#ffded1
```
#ffded1 rgb(255,222,209)
```
#ffece4
```
#ffece4 rgb(255,236,228)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#988c87
```
#988c87 rgb(152,140,135)
```
#a1897e
```
#a1897e rgb(161,137,126)
```
#a98576
```
#a98576 rgb(169,133,118)
```
#b2826d
```
#b2826d rgb(178,130,109)
```
#ba7e65
```
#ba7e65 rgb(186,126,101)
```
#c37b5c
```
#c37b5c rgb(195,123,92)
```
#cc7853
```
#cc7853 rgb(204,120,83)
```
#d4744b
```
#d4744b rgb(212,116,75)
```
#dd7142
```
#dd7142 rgb(221,113,66)
```
#e56d3a
```
#e56d3a rgb(229,109,58)
```
#ee6a31
```
#ee6a31 rgb(238,106,49)
```
#f66629
```
#f66629 rgb(246,102,41)
```
#ff6320
```
#ff6320 rgb(255,99,32)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a18275 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9b37 Protanopia 1% of men
#c2930f Deuteranopia 1% of men
#ff666c Tritanopia 0.001% of the population

Trichromacy

#ca862e Protanomaly 1% of men, 0.01% of women
#d88115 Deuteranomaly 6% of men, 0.4% of women
#ff6550 Tritanomaly 0.01% of the population

#ff6320 hex color

#ff6320 Color Information

#ff6320 Color Conversion

Color Schemes with #ff6320

Alternatives to #ff6320

#ff6320 Preview

Shades and Tints of #ff6320

Tones of #ff6320

Color Blindness Simulator