#ff731f Color Information
In a RGB color space, hex #ff731f is composed of 100% red, 45.1% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.9% magenta, 87.8% yellow and 0% black. It has a hue angle of 22.5 degrees, a saturation of 100% and a lightness of 56.1%. #ff731f color hex could be obtained by blending #ffe63e with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 45
- B 12
-
- C 0
- M 55
- Y 88
- K 0
● #ff731f color description : Vivid orange.
#ff731f Color Conversion
The hexadecimal color #ff731f has RGB values of R:255, G:115, B:31 and CMYK values of C:0, M:0.55, Y:0.88, K:0. Its decimal value is 16741151.
Hex triplet | ff731f | #ff731f |
---|---|---|
RGB Decimal | 255, 115, 31 | rgb(255,115,31) |
RGB Percent | 100, 45.1, 12.2 | rgb(100%,45.1%,12.2%) |
CMYK | 0, 55, 88, 0 | |
HSL | 22.5°, 100, 56.1 | hsl(22.5,100%,56.1%) |
HSV (or HSB) | 22.5°, 87.8, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.664, 49.429, 66.148 |
---|---|
XYZ | 47.62, 33.625, 5.279 |
xyY | 0.55, 0.389, 33.625 |
CIE-LCH | 64.664, 82.576, 53.231 |
CIE-LUV | 64.664, 115.679, 54.315 |
Hunter-Lab | 57.987, 45.109, 35.194 |
Binary | 11111111, 01110011, 00011111 |
Color Schemes with #ff731f
Alternatives to #ff731f
Below, you can see some colors close to #ff731f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff731f Preview
This text has a font color of #ff731f.
<span style="color:#ff731f;">Text here</span>
This paragraph has a background color of #ff731f.
<p style="background-color:#ff731f;">Content here</p>
This element has a border color of #ff731f.
<div style="border:1px solid #ff731f;">Content here</div>
.text {color:#ff731f;}
.background {background-color:#ff731f;}
.border {border:1px solid #ff731f;}
Shades and Tints of #ff731f
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, #0b0400 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0400
#0b0400
rgb(11,4,0)
-
#1f0c00
#1f0c00
rgb(31,12,0)
-
#331300
#331300
rgb(51,19,0)
-
#461a00
#461a00
rgb(70,26,0)
-
#5a2200
#5a2200
rgb(90,34,0)
-
#6d2900
#6d2900
rgb(109,41,0)
-
#813000
#813000
rgb(129,48,0)
-
#953800
#953800
rgb(149,56,0)
-
#a83f00
#a83f00
rgb(168,63,0)
-
#bc4600
#bc4600
rgb(188,70,0)
-
#d04e00
#d04e00
rgb(208,78,0)
-
#e35500
#e35500
rgb(227,85,0)
-
#f75d00
#f75d00
rgb(247,93,0)
-
#ff670b
#ff670b
rgb(255,103,11)
-
#ff731f
#ff731f
rgb(255,115,31)
-
#ff7f33
#ff7f33
rgb(255,127,51)
-
#ff8c46
#ff8c46
rgb(255,140,70)
-
#ff985a
#ff985a
rgb(255,152,90)
-
#ffa46d
#ffa46d
rgb(255,164,109)
-
#ffb081
#ffb081
rgb(255,176,129)
-
#ffbd95
#ffbd95
rgb(255,189,149)
-
#ffc9a8
#ffc9a8
rgb(255,201,168)
-
#ffd5bc
#ffd5bc
rgb(255,213,188)
-
#ffe1d0
#ffe1d0
rgb(255,225,208)
-
#ffeee3
#ffeee3
rgb(255,238,227)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #ff731f
A tone is produced by adding gray to any pure hue. In this case, #988d86 is the less saturated color, while #ff731f is the most saturated one.
-
#988d86
#988d86
rgb(152,141,134)
-
#a08b7e
#a08b7e
rgb(160,139,126)
-
#a98975
#a98975
rgb(169,137,117)
-
#b1866d
#b1866d
rgb(177,134,109)
-
#ba8464
#ba8464
rgb(186,132,100)
-
#c3825b
#c3825b
rgb(195,130,91)
-
#cb8053
#cb8053
rgb(203,128,83)
-
#d47e4a
#d47e4a
rgb(212,126,74)
-
#dd7c41
#dd7c41
rgb(221,124,65)
-
#e57939
#e57939
rgb(229,121,57)
-
#ee7730
#ee7730
rgb(238,119,48)
-
#f67528
#f67528
rgb(246,117,40)
-
#ff731f
#ff731f
rgb(255,115,31)
Color Blindness Simulator
Below, you can see how #ff731f 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.