#ffa320 hex color

In a RGB color space, hex #ffa320 is composed of 100% red, 63.9% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 87.5% yellow and 0% black. It has a hue angle of 35.2 degrees, a saturation of 100% and a lightness of 56.3%. #ffa320 color hex could be obtained by blending #ffff40 with #ff4700. Closest websafe color is: #ff9933.

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

● #ffa320 color description : Vivid orange.

The hexadecimal color #ffa320 has RGB values of R:255, G:163, B:32 and CMYK values of C:0, M:0.36, Y:0.87, K:0. Its decimal value is 16753440.

Hex triplet	ffa320	`#ffa320`
RGB Decimal	255, 163, 32	`rgb(255,163,32)`
RGB Percent	100, 63.9, 12.5	`rgb(100%,63.9%,12.5%)`
CMYK	0, 36, 87, 0
HSL	35.2°, 100, 56.3	`hsl(35.2,100%,56.3%)`
HSV (or HSB)	35.2°, 87.5, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.548, 25.348, 73.513
XYZ	54.599, 47.563, 7.672
xyY	0.497, 0.433, 47.563
CIE-LCH	74.548, 77.761, 70.975
CIE-LUV	74.548, 75.829, 70.548
Hunter-Lab	68.966, 20.627, 41.681
Binary	11111111, 10100011, 00100000

#ffa320
```
#ffa320 rgb(255,163,32)
```
#207cff
```
#207cff rgb(32,124,255)
```

Complementary Color

#ff3420
```
#ff3420 rgb(255,52,32)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#ecff20
```
#ecff20 rgb(236,255,32)
```

Analogous Color

#3420ff
```
#3420ff rgb(52,32,255)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#20ecff
```
#20ecff rgb(32,236,255)
```

Split Complementary Color

#a320ff
```
#a320ff rgb(163,32,255)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#20ffa3
```
#20ffa3 rgb(32,255,163)
```

Triadic Color

#ff207c
```
#ff207c rgb(255,32,124)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#20ffa3
```
#20ffa3 rgb(32,255,163)
```
#207cff
```
#207cff rgb(32,124,255)
```

Tetradic Color

#d37c00
```
#d37c00 rgb(211,124,0)
```
#ec8b00
```
#ec8b00 rgb(236,139,0)
```
#ff9806
```
#ff9806 rgb(255,152,6)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#ffae3a
```
#ffae3a rgb(255,174,58)
```
#ffb853
```
#ffb853 rgb(255,184,83)
```
#ffc36d
```
#ffc36d rgb(255,195,109)
```

Monochromatic Color

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

#ff6b20
```
#ff6b20 rgb(255,107,32)
```
#ff7e20
```
#ff7e20 rgb(255,126,32)
```
#ff9020
```
#ff9020 rgb(255,144,32)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#ffb620
```
#ffb620 rgb(255,182,32)
```
#ffc820
```
#ffc820 rgb(255,200,32)
```
#ffdb20
```
#ffdb20 rgb(255,219,32)
```

Similar Colors

Text with hexadecimal color #ffa320

This text has a font color of #ffa320.

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

#ffa320 background color

This paragraph has a background color of #ffa320.

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

#ffa320 border color

This element has a border color of #ffa320.

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

CSS codes

.text {color:#ffa320;}

.background {background-color:#ffa320;}

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

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

#0c0700
```
#0c0700 rgb(12,7,0)
```
#201300
```
#201300 rgb(32,19,0)
```
#341e00
```
#341e00 rgb(52,30,0)
```
#472a00
```
#472a00 rgb(71,42,0)
```
#5b3500
```
#5b3500 rgb(91,53,0)
```
#6e4100
```
#6e4100 rgb(110,65,0)
```
#824c00
```
#824c00 rgb(130,76,0)
```
#965800
```
#965800 rgb(150,88,0)
```
#a96300
```
#a96300 rgb(169,99,0)
```
#bd6f00
```
#bd6f00 rgb(189,111,0)
```
#d17b00
```
#d17b00 rgb(209,123,0)
```
#e48600
```
#e48600 rgb(228,134,0)
```
#f89200
```
#f89200 rgb(248,146,0)
```

Shade Color Variation

#ff9b0c
```
#ff9b0c rgb(255,155,12)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```
#ffab34
```
#ffab34 rgb(255,171,52)
```
#ffb347
```
#ffb347 rgb(255,179,71)
```
#ffbb5b
```
#ffbb5b rgb(255,187,91)
```
#ffc36e
```
#ffc36e rgb(255,195,110)
```
#ffcb82
```
#ffcb82 rgb(255,203,130)
```
#ffd496
```
#ffd496 rgb(255,212,150)
```
#ffdca9
```
#ffdca9 rgb(255,220,169)
```
#ffe4bd
```
#ffe4bd rgb(255,228,189)
```
#ffecd1
```
#ffecd1 rgb(255,236,209)
```
#fff4e4
```
#fff4e4 rgb(255,244,228)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#989187
```
#989187 rgb(152,145,135)
```
#a1937e
```
#a1937e rgb(161,147,126)
```
#a99476
```
#a99476 rgb(169,148,118)
```
#b2966d
```
#b2966d rgb(178,150,109)
```
#ba9765
```
#ba9765 rgb(186,151,101)
```
#c3995c
```
#c3995c rgb(195,153,92)
```
#cc9a53
```
#cc9a53 rgb(204,154,83)
```
#d49c4b
```
#d49c4b rgb(212,156,75)
```
#dd9d42
```
#dd9d42 rgb(221,157,66)
```
#e59f3a
```
#e59f3a rgb(229,159,58)
```
#eea031
```
#eea031 rgb(238,160,49)
```
#f6a229
```
#f6a229 rgb(246,162,41)
```
#ffa320
```
#ffa320 rgb(255,163,32)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#c0ad93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb30 Protanopia 1% of men
#e9b223 Deuteranopia 1% of men
#ffa0a9 Tritanopia 0.001% of the population

Trichromacy

#e1b22a Protanomaly 1% of men, 0.01% of women
#f1ac22 Deuteranomaly 6% of men, 0.4% of women
#ffa177 Tritanomaly 0.01% of the population

#ffa320 hex color

#ffa320 Color Information

#ffa320 Color Conversion

Color Schemes with #ffa320

Alternatives to #ffa320

#ffa320 Preview

Shades and Tints of #ffa320

Tones of #ffa320

Color Blindness Simulator