#ffa21f hex color

In a RGB color space, hex #ffa21f is composed of 100% red, 63.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.5% magenta, 87.8% yellow and 0% black. It has a hue angle of 35.1 degrees, a saturation of 100% and a lightness of 56.1%. #ffa21f color hex could be obtained by blending #ffff3e with #ff4500. Closest websafe color is: #ff9933.

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

● #ffa21f color description : Vivid orange.

The hexadecimal color #ffa21f has RGB values of R:255, G:162, B:31 and CMYK values of C:0, M:0.36, Y:0.88, K:0. Its decimal value is 16753183.

Hex triplet	ffa21f	`#ffa21f`
RGB Decimal	255, 162, 31	`rgb(255,162,31)`
RGB Percent	100, 63.5, 12.2	`rgb(100%,63.5%,12.2%)`
CMYK	0, 36, 88, 0
HSL	35.1°, 100, 56.1	`hsl(35.1,100%,56.1%)`
HSV (or HSB)	35.1°, 87.8, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.32, 25.85, 73.587
XYZ	54.409, 47.204, 7.542
xyY	0.498, 0.432, 47.204
CIE-LCH	74.32, 77.995, 70.645
CIE-LUV	74.32, 76.687, 70.327
Hunter-Lab	68.705, 21.125, 41.585
Binary	11111111, 10100010, 00011111

#ffa21f
```
#ffa21f rgb(255,162,31)
```
#1f7cff
```
#1f7cff rgb(31,124,255)
```

Complementary Color

#ff321f
```
#ff321f rgb(255,50,31)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#ecff1f
```
#ecff1f rgb(236,255,31)
```

Analogous Color

#321fff
```
#321fff rgb(50,31,255)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#1fecff
```
#1fecff rgb(31,236,255)
```

Split Complementary Color

#a21fff
```
#a21fff rgb(162,31,255)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#1fffa2
```
#1fffa2 rgb(31,255,162)
```

Triadic Color

#ff1f7c
```
#ff1f7c rgb(255,31,124)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#1fffa2
```
#1fffa2 rgb(31,255,162)
```
#1f7cff
```
#1f7cff rgb(31,124,255)
```

Tetradic Color

#d27b00
```
#d27b00 rgb(210,123,0)
```
#eb8900
```
#eb8900 rgb(235,137,0)
```
#ff9705
```
#ff9705 rgb(255,151,5)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#ffad39
```
#ffad39 rgb(255,173,57)
```
#ffb752
```
#ffb752 rgb(255,183,82)
```
#ffc26c
```
#ffc26c rgb(255,194,108)
```

Monochromatic Color

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

#ff6a1f
```
#ff6a1f rgb(255,106,31)
```
#ff7d1f
```
#ff7d1f rgb(255,125,31)
```
#ff8f1f
```
#ff8f1f rgb(255,143,31)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#ffb51f
```
#ffb51f rgb(255,181,31)
```
#ffc71f
```
#ffc71f rgb(255,199,31)
```
#ffda1f
```
#ffda1f rgb(255,218,31)
```

Similar Colors

Text with hexadecimal color #ffa21f

This text has a font color of #ffa21f.

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

#ffa21f background color

This paragraph has a background color of #ffa21f.

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

#ffa21f border color

This element has a border color of #ffa21f.

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

CSS codes

.text {color:#ffa21f;}

.background {background-color:#ffa21f;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1f1200
```
#1f1200 rgb(31,18,0)
```
#331e00
```
#331e00 rgb(51,30,0)
```
#462900
```
#462900 rgb(70,41,0)
```
#5a3500
```
#5a3500 rgb(90,53,0)
```
#6d4000
```
#6d4000 rgb(109,64,0)
```
#814b00
```
#814b00 rgb(129,75,0)
```
#955700
```
#955700 rgb(149,87,0)
```
#a86200
```
#a86200 rgb(168,98,0)
```
#bc6e00
```
#bc6e00 rgb(188,110,0)
```
#d07900
```
#d07900 rgb(208,121,0)
```
#e38500
```
#e38500 rgb(227,133,0)
```
#f79000
```
#f79000 rgb(247,144,0)
```

Shade Color Variation

#ff9a0b
```
#ff9a0b rgb(255,154,11)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```
#ffaa33
```
#ffaa33 rgb(255,170,51)
```
#ffb246
```
#ffb246 rgb(255,178,70)
```
#ffba5a
```
#ffba5a rgb(255,186,90)
```
#ffc36d
```
#ffc36d rgb(255,195,109)
```
#ffcb81
```
#ffcb81 rgb(255,203,129)
```
#ffd395
```
#ffd395 rgb(255,211,149)
```
#ffdba8
```
#ffdba8 rgb(255,219,168)
```
#ffe3bc
```
#ffe3bc rgb(255,227,188)
```
#ffebd0
```
#ffebd0 rgb(255,235,208)
```
#fff3e3
```
#fff3e3 rgb(255,243,227)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#989086
```
#989086 rgb(152,144,134)
```
#a0927e
```
#a0927e rgb(160,146,126)
```
#a99375
```
#a99375 rgb(169,147,117)
```
#b1956d
```
#b1956d rgb(177,149,109)
```
#ba9664
```
#ba9664 rgb(186,150,100)
```
#c3985b
```
#c3985b rgb(195,152,91)
```
#cb9953
```
#cb9953 rgb(203,153,83)
```
#d49b4a
```
#d49b4a rgb(212,155,74)
```
#dd9c41
```
#dd9c41 rgb(221,156,65)
```
#e59e39
```
#e59e39 rgb(229,158,57)
```
#ee9f30
```
#ee9f30 rgb(238,159,48)
```
#f6a128
```
#f6a128 rgb(246,161,40)
```
#ffa21f
```
#ffa21f rgb(255,162,31)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#bfac92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba30 Protanopia 1% of men
#e9b122 Deuteranopia 1% of men
#ff9fa8 Tritanopia 0.001% of the population

Trichromacy

#e1b129 Protanomaly 1% of men, 0.01% of women
#f1ab21 Deuteranomaly 6% of men, 0.4% of women
#ffa076 Tritanomaly 0.01% of the population

#ffa21f hex color

#ffa21f Color Information

#ffa21f Color Conversion

Color Schemes with #ffa21f

Alternatives to #ffa21f

#ffa21f Preview

Shades and Tints of #ffa21f

Tones of #ffa21f

Color Blindness Simulator