#fd6f30 hex color

In a RGB color space, hex #fd6f30 is composed of 99.2% red, 43.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 81% yellow and 0.8% black. It has a hue angle of 18.4 degrees, a saturation of 98.1% and a lightness of 59%. #fd6f30 color hex could be obtained by blending #ffde60 with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 44
- B 19
RGB color chart
- C 0
- M 56
- Y 81
- K 1
CMYK color chart

● #fd6f30 color description : Bright orange.

The hexadecimal color #fd6f30 has RGB values of R:253, G:111, B:48 and CMYK values of C:0, M:0.56, Y:0.81, K:0.01. Its decimal value is 16609072.

Hex triplet	fd6f30	`#fd6f30`
RGB Decimal	253, 111, 48	`rgb(253,111,48)`
RGB Percent	99.2, 43.5, 18.8	`rgb(99.2%,43.5%,18.8%)`
CMYK	0, 56, 81, 1
HSL	18.4°, 98.1, 59	`hsl(18.4,98.1%,59%)`
HSV (or HSB)	18.4°, 81, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	63.729, 50.963, 58.889
XYZ	46.728, 32.47, 6.603
xyY	0.545, 0.378, 32.47
CIE-LCH	63.729, 77.879, 49.127
CIE-LUV	63.729, 115.822, 49.335
Hunter-Lab	56.982, 46.659, 33.017
Binary	11111101, 01101111, 00110000

#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#30befd
```
#30befd rgb(48,190,253)
```

Complementary Color

#fd3058
```
#fd3058 rgb(253,48,88)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#fdd630
```
#fdd630 rgb(253,214,48)
```

Analogous Color

#3058fd
```
#3058fd rgb(48,88,253)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#30fdd6
```
#30fdd6 rgb(48,253,214)
```

Split Complementary Color

#6f30fd
```
#6f30fd rgb(111,48,253)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#30fd6f
```
#30fd6f rgb(48,253,111)
```

Triadic Color

#fd30be
```
#fd30be rgb(253,48,190)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#30fd6f
```
#30fd6f rgb(48,253,111)
```
#30befd
```
#30befd rgb(48,190,253)
```

Tetradic Color

#de4602
```
#de4602 rgb(222,70,2)
```
#f84e02
```
#f84e02 rgb(248,78,2)
```
#fd5d17
```
#fd5d17 rgb(253,93,23)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#fd8149
```
#fd8149 rgb(253,129,73)
```
#fd9263
```
#fd9263 rgb(253,146,99)
```
#fea47c
```
#fea47c rgb(254,164,124)
```

Monochromatic Color

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

#fd3c30
```
#fd3c30 rgb(253,60,48)
```
#fd4d30
```
#fd4d30 rgb(253,77,48)
```
#fd5e30
```
#fd5e30 rgb(253,94,48)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#fd8030
```
#fd8030 rgb(253,128,48)
```
#fd9130
```
#fd9130 rgb(253,145,48)
```
#fda230
```
#fda230 rgb(253,162,48)
```

Similar Colors

Text with hexadecimal color #fd6f30

This text has a font color of #fd6f30.

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

#fd6f30 background color

This paragraph has a background color of #fd6f30.

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

#fd6f30 border color

This element has a border color of #fd6f30.

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

CSS codes

.text {color:#fd6f30;}

.background {background-color:#fd6f30;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1a0800
```
#1a0800 rgb(26,8,0)
```
#2e0e00
```
#2e0e00 rgb(46,14,0)
```
#411401
```
#411401 rgb(65,20,1)
```
#541b01
```
#541b01 rgb(84,27,1)
```
#682101
```
#682101 rgb(104,33,1)
```
#7b2701
```
#7b2701 rgb(123,39,1)
```
#8f2d01
```
#8f2d01 rgb(143,45,1)
```
#a23302
```
#a23302 rgb(162,51,2)
```
#b63902
```
#b63902 rgb(182,57,2)
```
#c93f02
```
#c93f02 rgb(201,63,2)
```
#dc4502
```
#dc4502 rgb(220,69,2)
```
#f04b02
```
#f04b02 rgb(240,75,2)
```

Shade Color Variation

#fd5409
```
#fd5409 rgb(253,84,9)
```
#fd611d
```
#fd611d rgb(253,97,29)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```
#fd7d43
```
#fd7d43 rgb(253,125,67)
```
#fd8a57
```
#fd8a57 rgb(253,138,87)
```
#fe986a
```
#fe986a rgb(254,152,106)
```
#fea57e
```
#fea57e rgb(254,165,126)
```
#feb391
```
#feb391 rgb(254,179,145)
```
#fec0a5
```
#fec0a5 rgb(254,192,165)
```
#feceb8
```
#feceb8 rgb(254,206,184)
```
#ffdbcb
```
#ffdbcb rgb(255,219,203)
```
#ffe9df
```
#ffe9df rgb(255,233,223)
```
#fff6f2
```
#fff6f2 rgb(255,246,242)
```

Tint Color Variation

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

#9d9490
```
#9d9490 rgb(157,148,144)
```
#a59188
```
#a59188 rgb(165,145,136)
```
#ad8e80
```
#ad8e80 rgb(173,142,128)
```
#b58b78
```
#b58b78 rgb(181,139,120)
```
#bd8870
```
#bd8870 rgb(189,136,112)
```
#c58568
```
#c58568 rgb(197,133,104)
```
#cd8260
```
#cd8260 rgb(205,130,96)
```
#d57e58
```
#d57e58 rgb(213,126,88)
```
#dd7b50
```
#dd7b50 rgb(221,123,80)
```
#e57848
```
#e57848 rgb(229,120,72)
```
#ed7540
```
#ed7540 rgb(237,117,64)
```
#f57238
```
#f57238 rgb(245,114,56)
```
#fd6f30
```
#fd6f30 rgb(253,111,48)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#a78b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b09f45 Protanopia 1% of men
#c6982d Deuteranopia 1% of men
#ff7077 Tritanopia 0.001% of the population

Trichromacy

#cc8e3d Protanomaly 1% of men, 0.01% of women
#da892e Deuteranomaly 6% of men, 0.4% of women
#fe6f5d Tritanomaly 0.01% of the population

#fd6f30 hex color

#fd6f30 Color Information

#fd6f30 Color Conversion

Color Schemes with #fd6f30

Alternatives to #fd6f30

#fd6f30 Preview

Shades and Tints of #fd6f30

Tones of #fd6f30

Color Blindness Simulator