#ffa30e hex color

In a RGB color space, hex #ffa30e is composed of 100% red, 63.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 94.5% yellow and 0% black. It has a hue angle of 37.1 degrees, a saturation of 100% and a lightness of 52.7%. #ffa30e color hex could be obtained by blending #ffff1c with #ff4700. Closest websafe color is: #ff9900.

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

● #ffa30e color description : Vivid orange.

The hexadecimal color #ffa30e has RGB values of R:255, G:163, B:14 and CMYK values of C:0, M:0.36, Y:0.95, K:0. Its decimal value is 16753422.

Hex triplet	ffa30e	`#ffa30e`
RGB Decimal	255, 163, 14	`rgb(255,163,14)`
RGB Percent	100, 63.9, 5.5	`rgb(100%,63.9%,5.5%)`
CMYK	0, 36, 95, 0
HSL	37.1°, 100, 52.7	`hsl(37.1,100%,52.7%)`
HSV (or HSB)	37.1°, 94.5, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.502, 25.086, 77.016
XYZ	54.418, 47.49, 6.716
xyY	0.501, 0.437, 47.49
CIE-LCH	74.502, 80.999, 71.958
CIE-LUV	74.502, 76.295, 72.455
Hunter-Lab	68.913, 20.357, 42.461
Binary	11111111, 10100011, 00001110

#ffa30e
```
#ffa30e rgb(255,163,14)
```
#0e6aff
```
#0e6aff rgb(14,106,255)
```

Complementary Color

#ff2b0e
```
#ff2b0e rgb(255,43,14)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#e3ff0e
```
#e3ff0e rgb(227,255,14)
```

Analogous Color

#2a0eff
```
#2a0eff rgb(42,14,255)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#0ee3ff
```
#0ee3ff rgb(14,227,255)
```

Split Complementary Color

#a30eff
```
#a30eff rgb(163,14,255)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#0effa3
```
#0effa3 rgb(14,255,163)
```

Triadic Color

#ff0e6a
```
#ff0e6a rgb(255,14,106)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#0effa3
```
#0effa3 rgb(14,255,163)
```
#0e6aff
```
#0e6aff rgb(14,106,255)
```

Tetradic Color

#c17700
```
#c17700 rgb(193,119,0)
```
#da8700
```
#da8700 rgb(218,135,0)
```
#f49700
```
#f49700 rgb(244,151,0)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#ffad28
```
#ffad28 rgb(255,173,40)
```
#ffb641
```
#ffb641 rgb(255,182,65)
```
#ffc05b
```
#ffc05b rgb(255,192,91)
```

Monochromatic Color

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

#ff670e
```
#ff670e rgb(255,103,14)
```
#ff7b0e
```
#ff7b0e rgb(255,123,14)
```
#ff8f0e
```
#ff8f0e rgb(255,143,14)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```
#ffb70e
```
#ffb70e rgb(255,183,14)
```
#ffcb0e
```
#ffcb0e rgb(255,203,14)
```
#ffdf0e
```
#ffdf0e rgb(255,223,14)
```

Similar Colors

Text with hexadecimal color #ffa30e

This text has a font color of #ffa30e.

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

#ffa30e background color

This paragraph has a background color of #ffa30e.

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

#ffa30e border color

This element has a border color of #ffa30e.

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

CSS codes

.text {color:#ffa30e;}

.background {background-color:#ffa30e;}

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

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

#0e0900
```
#0e0900 rgb(14,9,0)
```
#221500
```
#221500 rgb(34,21,0)
```
#352100
```
#352100 rgb(53,33,0)
```
#492d00
```
#492d00 rgb(73,45,0)
```
#5c3900
```
#5c3900 rgb(92,57,0)
```
#704500
```
#704500 rgb(112,69,0)
```
#845100
```
#845100 rgb(132,81,0)
```
#975e00
```
#975e00 rgb(151,94,0)
```
#ab6a00
```
#ab6a00 rgb(171,106,0)
```
#bf7600
```
#bf7600 rgb(191,118,0)
```
#d28200
```
#d28200 rgb(210,130,0)
```
#e68e00
```
#e68e00 rgb(230,142,0)
```
#f99a00
```
#f99a00 rgb(249,154,0)
```

Shade Color Variation

#ffa30e
```
#ffa30e rgb(255,163,14)
```
#ffaa22
```
#ffaa22 rgb(255,170,34)
```
#ffb235
```
#ffb235 rgb(255,178,53)
```
#ffb949
```
#ffb949 rgb(255,185,73)
```
#ffc15c
```
#ffc15c rgb(255,193,92)
```
#ffc870
```
#ffc870 rgb(255,200,112)
```
#ffd084
```
#ffd084 rgb(255,208,132)
```
#ffd797
```
#ffd797 rgb(255,215,151)
```
#ffdfab
```
#ffdfab rgb(255,223,171)
```
#ffe6bf
```
#ffe6bf rgb(255,230,191)
```
#ffeed2
```
#ffeed2 rgb(255,238,210)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#90897d
```
#90897d rgb(144,137,125)
```
#998b74
```
#998b74 rgb(153,139,116)
```
#a28d6b
```
#a28d6b rgb(162,141,107)
```
#ac8f61
```
#ac8f61 rgb(172,143,97)
```
#b59158
```
#b59158 rgb(181,145,88)
```
#be944f
```
#be944f rgb(190,148,79)
```
#c79646
```
#c79646 rgb(199,150,70)
```
#d1983c
```
#d1983c rgb(209,152,60)
```
#da9a33
```
#da9a33 rgb(218,154,51)
```
#e39c2a
```
#e39c2a rgb(227,156,42)
```
#ec9f21
```
#ec9f21 rgb(236,159,33)
```
#f6a117
```
#f6a117 rgb(246,161,23)
```
#ffa30e
```
#ffa30e rgb(255,163,14)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#beac8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb21 Protanopia 1% of men
#eab100 Deuteranopia 1% of men
#ffa0a9 Tritanopia 0.001% of the population

Trichromacy

#e2b21a Protanomaly 1% of men, 0.01% of women
#f1ac05 Deuteranomaly 6% of men, 0.4% of women
#ffa170 Tritanomaly 0.01% of the population

#ffa30e hex color

#ffa30e Color Information

#ffa30e Color Conversion

Color Schemes with #ffa30e

Alternatives to #ffa30e

#ffa30e Preview

Shades and Tints of #ffa30e

Tones of #ffa30e

Color Blindness Simulator