#ff6730 Color Information
In a RGB color space, hex #ff6730 is composed of 100% red, 40.4% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.6% magenta, 81.2% yellow and 0% black. It has a hue angle of 15.9 degrees, a saturation of 100% and a lightness of 59.4%. #ff6730 color hex could be obtained by blending #ffce60 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 40
- B 19
-
- C 0
- M 60
- Y 81
- K 0
● #ff6730 color description : Vivid orange.
#ff6730 Color Conversion
The hexadecimal color #ff6730 has RGB values of R:255, G:103, B:48 and CMYK values of C:0, M:0.6, Y:0.81, K:0. Its decimal value is 16738096.
Hex triplet | ff6730 | #ff6730 |
---|---|---|
RGB Decimal | 255, 103, 48 | rgb(255,103,48) |
RGB Percent | 100, 40.4, 18.8 | rgb(100%,40.4%,18.8%) |
CMYK | 0, 60, 81, 0 | |
HSL | 15.9°, 100, 59.4 | hsl(15.9,100%,59.4%) |
HSV (or HSB) | 15.9°, 81.2, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.658, 55.291, 58.021 |
---|---|
XYZ | 46.626, 31.179, 6.359 |
xyY | 0.554, 0.37, 31.179 |
CIE-LCH | 62.658, 80.147, 46.38 |
CIE-LUV | 62.658, 123.665, 47.045 |
Hunter-Lab | 55.838, 51.334, 32.334 |
Binary | 11111111, 01100111, 00110000 |
Color Schemes with #ff6730
Alternatives to #ff6730
Below, you can see some colors close to #ff6730. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6730 Preview
This text has a font color of #ff6730.
<span style="color:#ff6730;">Text here</span>
This paragraph has a background color of #ff6730.
<p style="background-color:#ff6730;">Content here</p>
This element has a border color of #ff6730.
<div style="border:1px solid #ff6730;">Content here</div>
.text {color:#ff6730;}
.background {background-color:#ff6730;}
.border {border:1px solid #ff6730;}
Shades and Tints of #ff6730
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)
-
#1c0800
#1c0800
rgb(28,8,0)
-
#300d00
#300d00
rgb(48,13,0)
-
#441200
#441200
rgb(68,18,0)
-
#571700
#571700
rgb(87,23,0)
-
#6b1c00
#6b1c00
rgb(107,28,0)
-
#7e2200
#7e2200
rgb(126,34,0)
-
#922700
#922700
rgb(146,39,0)
-
#a62c00
#a62c00
rgb(166,44,0)
-
#b93100
#b93100
rgb(185,49,0)
-
#cd3600
#cd3600
rgb(205,54,0)
-
#e13c00
#e13c00
rgb(225,60,0)
-
#f44100
#f44100
rgb(244,65,0)
-
#ff4a09
#ff4a09
rgb(255,74,9)
-
#ff591c
#ff591c
rgb(255,89,28)
-
#ff6730
#ff6730
rgb(255,103,48)
-
#ff7544
#ff7544
rgb(255,117,68)
-
#ff8457
#ff8457
rgb(255,132,87)
-
#ff926b
#ff926b
rgb(255,146,107)
-
#ffa17e
#ffa17e
rgb(255,161,126)
-
#ffaf92
#ffaf92
rgb(255,175,146)
-
#ffbda6
#ffbda6
rgb(255,189,166)
-
#ffccb9
#ffccb9
rgb(255,204,185)
-
#ffdacd
#ffdacd
rgb(255,218,205)
-
#ffe9e1
#ffe9e1
rgb(255,233,225)
-
#fff7f4
#fff7f4
rgb(255,247,244)
Tones of #ff6730
A tone is produced by adding gray to any pure hue. In this case, #9f9490 is the less saturated color, while #ff6730 is the most saturated one.
-
#9f9490
#9f9490
rgb(159,148,144)
-
#a79088
#a79088
rgb(167,144,136)
-
#af8c80
#af8c80
rgb(175,140,128)
-
#b78978
#b78978
rgb(183,137,120)
-
#bf8570
#bf8570
rgb(191,133,112)
-
#c78168
#c78168
rgb(199,129,104)
-
#cf7d60
#cf7d60
rgb(207,125,96)
-
#d77a58
#d77a58
rgb(215,122,88)
-
#df7650
#df7650
rgb(223,118,80)
-
#e77248
#e77248
rgb(231,114,72)
-
#ef6e40
#ef6e40
rgb(239,110,64)
-
#f76b38
#f76b38
rgb(247,107,56)
-
#ff6730
#ff6730
rgb(255,103,48)
Color Blindness Simulator
Below, you can see how #ff6730 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.