#fd530f hex color

In a RGB color space, hex #fd530f is composed of 99.2% red, 32.5% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 94.1% yellow and 0.8% black. It has a hue angle of 17.1 degrees, a saturation of 98.3% and a lightness of 52.5%. #fd530f color hex could be obtained by blending #ffa61e with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 33
- B 6
RGB color chart
- C 0
- M 67
- Y 94
- K 1
CMYK color chart

● #fd530f color description : Vivid orange.

The hexadecimal color #fd530f has RGB values of R:253, G:83, B:15 and CMYK values of C:0, M:0.67, Y:0.94, K:0.01. Its decimal value is 16601871.

Hex triplet	fd530f	`#fd530f`
RGB Decimal	253, 83, 15	`rgb(253,83,15)`
RGB Percent	99.2, 32.5, 5.9	`rgb(99.2%,32.5%,5.9%)`
CMYK	0, 67, 94, 1
HSL	17.1°, 98.3, 52.5	`hsl(17.1,98.3%,52.5%)`
HSV (or HSB)	17.1°, 94.1, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.075, 62.279, 66.559
XYZ	43.69, 27.109, 3.384
xyY	0.589, 0.365, 27.109
CIE-LCH	59.075, 91.152, 46.902
CIE-LUV	59.075, 139.525, 47.236
Hunter-Lab	52.066, 58.667, 32.593
Binary	11111101, 01010011, 00001111

#fd530f
```
#fd530f rgb(253,83,15)
```
#0fb9fd
```
#0fb9fd rgb(15,185,253)
```

Complementary Color

#fd0f42
```
#fd0f42 rgb(253,15,66)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#fdca0f
```
#fdca0f rgb(253,202,15)
```

Analogous Color

#0f42fd
```
#0f42fd rgb(15,66,253)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#0ffdca
```
#0ffdca rgb(15,253,202)
```

Split Complementary Color

#530ffd
```
#530ffd rgb(83,15,253)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#0ffd53
```
#0ffd53 rgb(15,253,83)
```

Triadic Color

#fd0fb9
```
#fd0fb9 rgb(253,15,185)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#0ffd53
```
#0ffd53 rgb(15,253,83)
```
#0fb9fd
```
#0fb9fd rgb(15,185,253)
```

Tetradic Color

#be3702
```
#be3702 rgb(190,55,2)
```
#d73f02
```
#d73f02 rgb(215,63,2)
```
#f04602
```
#f04602 rgb(240,70,2)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#fd6528
```
#fd6528 rgb(253,101,40)
```
#fd7742
```
#fd7742 rgb(253,119,66)
```
#fe895b
```
#fe895b rgb(254,137,91)
```

Monochromatic Color

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

#fd170f
```
#fd170f rgb(253,23,15)
```
#fd2b0f
```
#fd2b0f rgb(253,43,15)
```
#fd3f0f
```
#fd3f0f rgb(253,63,15)
```
#fd530f
```
#fd530f rgb(253,83,15)
```
#fd670f
```
#fd670f rgb(253,103,15)
```
#fd7b0f
```
#fd7b0f rgb(253,123,15)
```
#fd8f0f
```
#fd8f0f rgb(253,143,15)
```

Similar Colors

Text with hexadecimal color #fd530f

This text has a font color of #fd530f.

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

#fd530f background color

This paragraph has a background color of #fd530f.

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

#fd530f border color

This element has a border color of #fd530f.

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

CSS codes

.text {color:#fd530f;}

.background {background-color:#fd530f;}

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

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

#0d0400
```
#0d0400 rgb(13,4,0)
```
#200900
```
#200900 rgb(32,9,0)
```
#340f00
```
#340f00 rgb(52,15,0)
```
#471501
```
#471501 rgb(71,21,1)
```
#5b1a01
```
#5b1a01 rgb(91,26,1)
```
#6e2001
```
#6e2001 rgb(110,32,1)
```
#822601
```
#822601 rgb(130,38,1)
```
#952b01
```
#952b01 rgb(149,43,1)
```
#a93101
```
#a93101 rgb(169,49,1)
```
#bc3702
```
#bc3702 rgb(188,55,2)
```
#cf3c02
```
#cf3c02 rgb(207,60,2)
```
#e34202
```
#e34202 rgb(227,66,2)
```
#f64802
```
#f64802 rgb(246,72,2)
```

Shade Color Variation

#fd530f
```
#fd530f rgb(253,83,15)
```
#fd6122
```
#fd6122 rgb(253,97,34)
```
#fd6f36
```
#fd6f36 rgb(253,111,54)
```
#fd7d49
```
#fd7d49 rgb(253,125,73)
```
#fe8b5d
```
#fe8b5d rgb(254,139,93)
```
#fe9970
```
#fe9970 rgb(254,153,112)
```
#fea784
```
#fea784 rgb(254,167,132)
```
#feb597
```
#feb597 rgb(254,181,151)
```
#fec3ab
```
#fec3ab rgb(254,195,171)
```
#fed0be
```
#fed0be rgb(254,208,190)
```
#ffded2
```
#ffded2 rgb(255,222,210)
```
#ffece5
```
#ffece5 rgb(255,236,229)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#8d837f
```
#8d837f rgb(141,131,127)
```
#977f75
```
#977f75 rgb(151,127,117)
```
#a07b6c
```
#a07b6c rgb(160,123,108)
```
#a97763
```
#a97763 rgb(169,119,99)
```
#b37359
```
#b37359 rgb(179,115,89)
```
#bc6f50
```
#bc6f50 rgb(188,111,80)
```
#c56b47
```
#c56b47 rgb(197,107,71)
```
#ce673e
```
#ce673e rgb(206,103,62)
```
#d86334
```
#d86334 rgb(216,99,52)
```
#e15f2b
```
#e15f2b rgb(225,95,43)
```
#ea5b22
```
#ea5b22 rgb(234,91,34)
```
#f45718
```
#f45718 rgb(244,87,24)
```
#fd530f
```
#fd530f rgb(253,83,15)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#977568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a59429 Protanopia 1% of men
#b98d00 Deuteranopia 1% of men
#fe565a Tritanopia 0.001% of the population

Trichromacy

#c57c20 Protanomaly 1% of men, 0.01% of women
#d17705 Deuteranomaly 6% of men, 0.4% of women
#fe553e Tritanomaly 0.01% of the population

#fd530f hex color

#fd530f Color Information

#fd530f Color Conversion

Color Schemes with #fd530f

Alternatives to #fd530f

#fd530f Preview

Shades and Tints of #fd530f

Tones of #fd530f

Color Blindness Simulator