#ff6530 hex color

In a RGB color space, hex #ff6530 is composed of 100% red, 39.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.4% magenta, 81.2% yellow and 0% black. It has a hue angle of 15.4 degrees, a saturation of 100% and a lightness of 59.4%. #ff6530 color hex could be obtained by blending #ffca60 with #ff0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 100
- G 40
- B 19
RGB color chart
- C 0
- M 60
- Y 81
- K 0
CMYK color chart

● #ff6530 color description : Vivid orange.

The hexadecimal color #ff6530 has RGB values of R:255, G:101, B:48 and CMYK values of C:0, M:0.6, Y:0.81, K:0. Its decimal value is 16737584.

Hex triplet	ff6530	`#ff6530`
RGB Decimal	255, 101, 48	`rgb(255,101,48)`
RGB Percent	100, 39.6, 18.8	`rgb(100%,39.6%,18.8%)`
CMYK	0, 60, 81, 0
HSL	15.4°, 100, 59.4	`hsl(15.4,100%,59.4%)`
HSV (or HSB)	15.4°, 81.2, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.326, 56.167, 57.716
XYZ	46.429, 30.786, 6.294
xyY	0.556, 0.369, 30.786
CIE-LCH	62.326, 80.535, 45.78
CIE-LUV	62.326, 125.182, 46.444
Hunter-Lab	55.485, 52.268, 32.114
Binary	11111111, 01100101, 00110000

#ff6530
```
#ff6530 rgb(255,101,48)
```
#30caff
```
#30caff rgb(48,202,255)
```

Complementary Color

#ff3063
```
#ff3063 rgb(255,48,99)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#ffcd30
```
#ffcd30 rgb(255,205,48)
```

Analogous Color

#3063ff
```
#3063ff rgb(48,99,255)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#30ffcd
```
#30ffcd rgb(48,255,205)
```

Split Complementary Color

#6530ff
```
#6530ff rgb(101,48,255)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#30ff65
```
#30ff65 rgb(48,255,101)
```

Triadic Color

#ff30ca
```
#ff30ca rgb(255,48,202)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#30ff65
```
#30ff65 rgb(48,255,101)
```
#30caff
```
#30caff rgb(48,202,255)
```

Tetradic Color

#e33a00
```
#e33a00 rgb(227,58,0)
```
#fc4100
```
#fc4100 rgb(252,65,0)
```
#ff5217
```
#ff5217 rgb(255,82,23)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#ff784a
```
#ff784a rgb(255,120,74)
```
#ff8b63
```
#ff8b63 rgb(255,139,99)
```
#ff9e7d
```
#ff9e7d rgb(255,158,125)
```

Monochromatic Color

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

#ff3130
```
#ff3130 rgb(255,49,48)
```
#ff4330
```
#ff4330 rgb(255,67,48)
```
#ff5430
```
#ff5430 rgb(255,84,48)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#ff7630
```
#ff7630 rgb(255,118,48)
```
#ff8830
```
#ff8830 rgb(255,136,48)
```
#ff9930
```
#ff9930 rgb(255,153,48)
```

Similar Colors

Text with hexadecimal color #ff6530

This text has a font color of #ff6530.

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

#ff6530 background color

This paragraph has a background color of #ff6530.

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

#ff6530 border color

This element has a border color of #ff6530.

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

CSS codes

.text {color:#ff6530;}

.background {background-color:#ff6530;}

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

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

#090200
```
#090200 rgb(9,2,0)
```
#1c0700
```
#1c0700 rgb(28,7,0)
```
#300c00
```
#300c00 rgb(48,12,0)
```
#441100
```
#441100 rgb(68,17,0)
```
#571600
```
#571600 rgb(87,22,0)
```
#6b1b00
```
#6b1b00 rgb(107,27,0)
```
#7e2000
```
#7e2000 rgb(126,32,0)
```
#922500
```
#922500 rgb(146,37,0)
```
#a62a00
```
#a62a00 rgb(166,42,0)
```
#b92f00
```
#b92f00 rgb(185,47,0)
```
#cd3400
```
#cd3400 rgb(205,52,0)
```
#e13900
```
#e13900 rgb(225,57,0)
```
#f43f00
```
#f43f00 rgb(244,63,0)
```

Shade Color Variation

#ff4809
```
#ff4809 rgb(255,72,9)
```
#ff561c
```
#ff561c rgb(255,86,28)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```
#ff7444
```
#ff7444 rgb(255,116,68)
```
#ff8257
```
#ff8257 rgb(255,130,87)
```
#ff916b
```
#ff916b rgb(255,145,107)
```
#ff9f7e
```
#ff9f7e rgb(255,159,126)
```
#ffae92
```
#ffae92 rgb(255,174,146)
```
#ffbda6
```
#ffbda6 rgb(255,189,166)
```
#ffcbb9
```
#ffcbb9 rgb(255,203,185)
```
#ffdacd
```
#ffdacd rgb(255,218,205)
```
#ffe8e1
```
#ffe8e1 rgb(255,232,225)
```
#fff7f4
```
#fff7f4 rgb(255,247,244)
```

Tint Color Variation

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

#9f9490
```
#9f9490 rgb(159,148,144)
```
#a79088
```
#a79088 rgb(167,144,136)
```
#af8c80
```
#af8c80 rgb(175,140,128)
```
#b78878
```
#b78878 rgb(183,136,120)
```
#bf8470
```
#bf8470 rgb(191,132,112)
```
#c78068
```
#c78068 rgb(199,128,104)
```
#cf7c60
```
#cf7c60 rgb(207,124,96)
```
#d77858
```
#d77858 rgb(215,120,88)
```
#df7550
```
#df7550 rgb(223,117,80)
```
#e77148
```
#e77148 rgb(231,113,72)
```
#ef6d40
```
#ef6d40 rgb(239,109,64)
```
#f76938
```
#f76938 rgb(247,105,56)
```
#ff6530
```
#ff6530 rgb(255,101,48)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#a4857a Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c47 Protanopia 1% of men
#c2942c Deuteranopia 1% of men
#ff696e Tritanopia 0.001% of the population

Trichromacy

#ca883e Protanomaly 1% of men, 0.01% of women
#d8832d Deuteranomaly 6% of men, 0.4% of women
#ff6757 Tritanomaly 0.01% of the population

#ff6530 hex color

#ff6530 Color Information

#ff6530 Color Conversion

Color Schemes with #ff6530

Alternatives to #ff6530

#ff6530 Preview

Shades and Tints of #ff6530

Tones of #ff6530

Color Blindness Simulator