#ffa30d hex color

In a RGB color space, hex #ffa30d is composed of 100% red, 63.9% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 36.1% magenta, 94.9% yellow and 0% black. It has a hue angle of 37.2 degrees, a saturation of 100% and a lightness of 52.5%. #ffa30d color hex could be obtained by blending #ffff1a 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

● #ffa30d color description : Vivid orange.

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

Hex triplet	ffa30d	`#ffa30d`
RGB Decimal	255, 163, 13	`rgb(255,163,13)`
RGB Percent	100, 63.9, 5.1	`rgb(100%,63.9%,5.1%)`
CMYK	0, 36, 95, 0
HSL	37.2°, 100, 52.5	`hsl(37.2,100%,52.5%)`
HSV (or HSB)	37.2°, 94.9, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.501, 25.076, 77.15
XYZ	54.411, 47.488, 6.681
xyY	0.501, 0.437, 47.488
CIE-LCH	74.501, 81.123, 71.994
CIE-LUV	74.501, 76.312, 72.525
Hunter-Lab	68.911, 20.347, 42.489
Binary	11111111, 10100011, 00001101

#ffa30d
```
#ffa30d rgb(255,163,13)
```
#0d69ff
```
#0d69ff rgb(13,105,255)
```

Complementary Color

#ff2a0d
```
#ff2a0d rgb(255,42,13)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#e2ff0d
```
#e2ff0d rgb(226,255,13)
```

Analogous Color

#2a0dff
```
#2a0dff rgb(42,13,255)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#0de2ff
```
#0de2ff rgb(13,226,255)
```

Split Complementary Color

#a30dff
```
#a30dff rgb(163,13,255)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#0dffa3
```
#0dffa3 rgb(13,255,163)
```

Triadic Color

#ff0d69
```
#ff0d69 rgb(255,13,105)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#0dffa3
```
#0dffa3 rgb(13,255,163)
```
#0d69ff
```
#0d69ff rgb(13,105,255)
```

Tetradic Color

#c07700
```
#c07700 rgb(192,119,0)
```
#d98700
```
#d98700 rgb(217,135,0)
```
#f39600
```
#f39600 rgb(243,150,0)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#ffad27
```
#ffad27 rgb(255,173,39)
```
#ffb640
```
#ffb640 rgb(255,182,64)
```
#ffc05a
```
#ffc05a rgb(255,192,90)
```

Monochromatic Color

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

#ff670d
```
#ff670d rgb(255,103,13)
```
#ff7b0d
```
#ff7b0d rgb(255,123,13)
```
#ff8f0d
```
#ff8f0d rgb(255,143,13)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```
#ffb70d
```
#ffb70d rgb(255,183,13)
```
#ffcb0d
```
#ffcb0d rgb(255,203,13)
```
#ffe00d
```
#ffe00d rgb(255,224,13)
```

Similar Colors

Text with hexadecimal color #ffa30d

This text has a font color of #ffa30d.

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

#ffa30d background color

This paragraph has a background color of #ffa30d.

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

#ffa30d border color

This element has a border color of #ffa30d.

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

CSS codes

.text {color:#ffa30d;}

.background {background-color:#ffa30d;}

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

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

#0d0800
```
#0d0800 rgb(13,8,0)
```
#211400
```
#211400 rgb(33,20,0)
```
#342000
```
#342000 rgb(52,32,0)
```
#482d00
```
#482d00 rgb(72,45,0)
```
#5b3900
```
#5b3900 rgb(91,57,0)
```
#6f4500
```
#6f4500 rgb(111,69,0)
```
#835100
```
#835100 rgb(131,81,0)
```
#965d00
```
#965d00 rgb(150,93,0)
```
#aa6900
```
#aa6900 rgb(170,105,0)
```
#be7500
```
#be7500 rgb(190,117,0)
```
#d18200
```
#d18200 rgb(209,130,0)
```
#e58e00
```
#e58e00 rgb(229,142,0)
```
#f89a00
```
#f89a00 rgb(248,154,0)
```

Shade Color Variation

#ffa30d
```
#ffa30d rgb(255,163,13)
```
#ffaa21
```
#ffaa21 rgb(255,170,33)
```
#ffb234
```
#ffb234 rgb(255,178,52)
```
#ffb948
```
#ffb948 rgb(255,185,72)
```
#ffc15b
```
#ffc15b rgb(255,193,91)
```
#ffc86f
```
#ffc86f rgb(255,200,111)
```
#ffd083
```
#ffd083 rgb(255,208,131)
```
#ffd796
```
#ffd796 rgb(255,215,150)
```
#ffdfaa
```
#ffdfaa rgb(255,223,170)
```
#ffe6be
```
#ffe6be rgb(255,230,190)
```
#ffeed1
```
#ffeed1 rgb(255,238,209)
```
#fff5e5
```
#fff5e5 rgb(255,245,229)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#8f887d
```
#8f887d rgb(143,136,125)
```
#998a73
```
#998a73 rgb(153,138,115)
```
#a28d6a
```
#a28d6a rgb(162,141,106)
```
#ab8f61
```
#ab8f61 rgb(171,143,97)
```
#b59157
```
#b59157 rgb(181,145,87)
```
#be934e
```
#be934e rgb(190,147,78)
```
#c79645
```
#c79645 rgb(199,150,69)
```
#d0983c
```
#d0983c rgb(208,152,60)
```
#da9a32
```
#da9a32 rgb(218,154,50)
```
#e39c29
```
#e39c29 rgb(227,156,41)
```
#ec9f20
```
#ec9f20 rgb(236,159,32)
```
#f6a116
```
#f6a116 rgb(246,161,22)
```
#ffa30d
```
#ffa30d rgb(255,163,13)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bdab8d Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#ffa30d hex color

#ffa30d Color Information

#ffa30d Color Conversion

Color Schemes with #ffa30d

Alternatives to #ffa30d

#ffa30d Preview

Shades and Tints of #ffa30d

Tones of #ffa30d

Color Blindness Simulator