#fd6b01 hex color

In a RGB color space, hex #fd6b01 is composed of 99.2% red, 42% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 99.6% yellow and 0.8% black. It has a hue angle of 25.2 degrees, a saturation of 99.2% and a lightness of 49.8%. #fd6b01 color hex could be obtained by blending #ffd602 with #fb0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 42
- B 0
RGB color chart
- C 0
- M 58
- Y 100
- K 1
CMYK color chart

● #fd6b01 color description : Vivid orange.

The hexadecimal color #fd6b01 has RGB values of R:253, G:107, B:1 and CMYK values of C:0, M:0.58, Y:1, K:0.01. Its decimal value is 16608001.

Hex triplet	fd6b01	`#fd6b01`
RGB Decimal	253, 107, 1	`rgb(253,107,1)`
RGB Percent	99.2, 42, 0.4	`rgb(99.2%,42%,0.4%)`
CMYK	0, 58, 100, 1
HSL	25.2°, 99.2, 49.8	`hsl(25.2,99.2%,49.8%)`
HSV (or HSB)	25.2°, 99.6, 99.2
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.848, 52.055, 71.28
XYZ	45.773, 31.405, 3.68
xyY	0.566, 0.388, 31.405
CIE-LCH	62.848, 88.264, 53.86
CIE-LUV	62.848, 121.736, 54.813
Hunter-Lab	56.04, 47.727, 35.335
Binary	11111101, 01101011, 00000001

#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#0193fd
```
#0193fd rgb(1,147,253)
```

Complementary Color

#fd0115
```
#fd0115 rgb(253,1,21)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#fde901
```
#fde901 rgb(253,233,1)
```

Analogous Color

#0115fd
```
#0115fd rgb(1,21,253)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#01fde9
```
#01fde9 rgb(1,253,233)
```

Split Complementary Color

#6b01fd
```
#6b01fd rgb(107,1,253)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#01fd6b
```
#01fd6b rgb(1,253,107)
```

Triadic Color

#fd0193
```
#fd0193 rgb(253,1,147)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#01fd6b
```
#01fd6b rgb(1,253,107)
```
#0193fd
```
#0193fd rgb(1,147,253)
```

Tetradic Color

#b14b01
```
#b14b01 rgb(177,75,1)
```
#ca5601
```
#ca5601 rgb(202,86,1)
```
#e46001
```
#e46001 rgb(228,96,1)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#fe7a19
```
#fe7a19 rgb(254,122,25)
```
#fe8833
```
#fe8833 rgb(254,136,51)
```
#fe974c
```
#fe974c rgb(254,151,76)
```

Monochromatic Color

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

#fd2c01
```
#fd2c01 rgb(253,44,1)
```
#fd4101
```
#fd4101 rgb(253,65,1)
```
#fd5601
```
#fd5601 rgb(253,86,1)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```
#fd8001
```
#fd8001 rgb(253,128,1)
```
#fd9501
```
#fd9501 rgb(253,149,1)
```
#fdaa01
```
#fdaa01 rgb(253,170,1)
```

Similar Colors

Text with hexadecimal color #fd6b01

This text has a font color of #fd6b01.

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

#fd6b01 background color

This paragraph has a background color of #fd6b01.

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

#fd6b01 border color

This element has a border color of #fd6b01.

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

CSS codes

.text {color:#fd6b01;}

.background {background-color:#fd6b01;}

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

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, #130800 is the darkest color, while #fffefe is the lightest one.

#130800
```
#130800 rgb(19,8,0)
```
#261000
```
#261000 rgb(38,16,0)
```
#3a1800
```
#3a1800 rgb(58,24,0)
```
#4d2100
```
#4d2100 rgb(77,33,0)
```
#612900
```
#612900 rgb(97,41,0)
```
#743100
```
#743100 rgb(116,49,0)
```
#883901
```
#883901 rgb(136,57,1)
```
#9b4201
```
#9b4201 rgb(155,66,1)
```
#af4a01
```
#af4a01 rgb(175,74,1)
```
#c25201
```
#c25201 rgb(194,82,1)
```
#d65a01
```
#d65a01 rgb(214,90,1)
```
#e96301
```
#e96301 rgb(233,99,1)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```

Shade Color Variation

#fe7614
```
#fe7614 rgb(254,118,20)
```
#fe8227
```
#fe8227 rgb(254,130,39)
```
#fe8d3b
```
#fe8d3b rgb(254,141,59)
```
#fe984e
```
#fe984e rgb(254,152,78)
```
#fea462
```
#fea462 rgb(254,164,98)
```
#feaf75
```
#feaf75 rgb(254,175,117)
```
#ffba89
```
#ffba89 rgb(255,186,137)
```
#ffc69c
```
#ffc69c rgb(255,198,156)
```
#ffd1b0
```
#ffd1b0 rgb(255,209,176)
```
#ffdcc3
```
#ffdcc3 rgb(255,220,195)
```
#ffe8d7
```
#ffe8d7 rgb(255,232,215)
```
#fff3ea
```
#fff3ea rgb(255,243,234)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#887e76
```
#887e76 rgb(136,126,118)
```
#927c6c
```
#927c6c rgb(146,124,108)
```
#9b7b63
```
#9b7b63 rgb(155,123,99)
```
#a57959
```
#a57959 rgb(165,121,89)
```
#af774f
```
#af774f rgb(175,119,79)
```
#b97645
```
#b97645 rgb(185,118,69)
```
#c2743c
```
#c2743c rgb(194,116,60)
```
#cc7332
```
#cc7332 rgb(204,115,50)
```
#d67128
```
#d67128 rgb(214,113,40)
```
#e0701e
```
#e0701e rgb(224,112,30)
```
#e96e15
```
#e96e15 rgb(233,110,21)
```
#f36d0b
```
#f36d0b rgb(243,109,11)
```
#fd6b01
```
#fd6b01 rgb(253,107,1)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a2856f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09d1c Protanopia 1% of men
#c49500 Deuteranopia 1% of men
#ff6b71 Tritanopia 0.001% of the population

Trichromacy

#cc8b12 Protanomaly 1% of men, 0.01% of women
#d98600 Deuteranomaly 6% of men, 0.4% of women
#fe6b48 Tritanomaly 0.01% of the population

#fd6b01 hex color

#fd6b01 Color Information

#fd6b01 Color Conversion

Color Schemes with #fd6b01

Alternatives to #fd6b01

#fd6b01 Preview

Shades and Tints of #fd6b01

Tones of #fd6b01

Color Blindness Simulator