#ff9f31 Color Information
In a RGB color space, hex #ff9f31 is composed of 100% red, 62.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 80.8% yellow and 0% black. It has a hue angle of 32 degrees, a saturation of 100% and a lightness of 59.6%. #ff9f31 color hex could be obtained by blending #ffff62 with #ff3f00. Closest websafe color is: #ff9933.
-
- R 100
- G 62
- B 19
-
- C 0
- M 38
- Y 81
- K 0
● #ff9f31 color description : Vivid orange.
#ff9f31 Color Conversion
The hexadecimal color #ff9f31 has RGB values of R:255, G:159, B:49 and CMYK values of C:0, M:0.38, Y:0.81, K:0. Its decimal value is 16752433.
Hex triplet | ff9f31 | #ff9f31 |
---|---|---|
RGB Decimal | 255, 159, 49 | rgb(255,159,49) |
RGB Percent | 100, 62.4, 19.2 | rgb(100%,62.4%,19.2%) |
CMYK | 0, 38, 81, 0 | |
HSL | 32°, 100, 59.6 | hsl(32,100%,59.6%) |
HSV (or HSB) | 32°, 80.8, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.728, 27.852, 67.631 |
---|---|
XYZ | 54.194, 46.282, 8.985 |
xyY | 0.495, 0.423, 46.282 |
CIE-LCH | 73.728, 73.142, 67.617 |
CIE-LUV | 73.728, 78.34, 66.009 |
Hunter-Lab | 68.031, 23.141, 39.791 |
Binary | 11111111, 10011111, 00110001 |
Color Schemes with #ff9f31
Alternatives to #ff9f31
Below, you can see some colors close to #ff9f31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9f31 Preview
This text has a font color of #ff9f31.
<span style="color:#ff9f31;">Text here</span>
This paragraph has a background color of #ff9f31.
<p style="background-color:#ff9f31;">Content here</p>
This element has a border color of #ff9f31.
<div style="border:1px solid #ff9f31;">Content here</div>
.text {color:#ff9f31;}
.background {background-color:#ff9f31;}
.border {border:1px solid #ff9f31;}
Shades and Tints of #ff9f31
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, #0a0500 is the darkest color, while #fffaf5 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1d1000
#1d1000
rgb(29,16,0)
-
#311a00
#311a00
rgb(49,26,0)
-
#452500
#452500
rgb(69,37,0)
-
#582f00
#582f00
rgb(88,47,0)
-
#6c3a00
#6c3a00
rgb(108,58,0)
-
#7f4400
#7f4400
rgb(127,68,0)
-
#934f00
#934f00
rgb(147,79,0)
-
#a75900
#a75900
rgb(167,89,0)
-
#ba6300
#ba6300
rgb(186,99,0)
-
#ce6e00
#ce6e00
rgb(206,110,0)
-
#e27800
#e27800
rgb(226,120,0)
-
#f58300
#f58300
rgb(245,131,0)
-
#ff8d0a
#ff8d0a
rgb(255,141,10)
-
#ff961d
#ff961d
rgb(255,150,29)
-
#ff9f31
#ff9f31
rgb(255,159,49)
-
#ffa845
#ffa845
rgb(255,168,69)
-
#ffb158
#ffb158
rgb(255,177,88)
-
#ffba6c
#ffba6c
rgb(255,186,108)
-
#ffc47f
#ffc47f
rgb(255,196,127)
-
#ffcd93
#ffcd93
rgb(255,205,147)
-
#ffd6a7
#ffd6a7
rgb(255,214,167)
-
#ffdfba
#ffdfba
rgb(255,223,186)
-
#ffe8ce
#ffe8ce
rgb(255,232,206)
-
#fff1e2
#fff1e2
rgb(255,241,226)
-
#fffaf5
#fffaf5
rgb(255,250,245)
Tones of #ff9f31
A tone is produced by adding gray to any pure hue. In this case, #a09990 is the less saturated color, while #ff9f31 is the most saturated one.
-
#a09990
#a09990
rgb(160,153,144)
-
#a89988
#a89988
rgb(168,153,136)
-
#b09a80
#b09a80
rgb(176,154,128)
-
#b89a78
#b89a78
rgb(184,154,120)
-
#c09b70
#c09b70
rgb(192,155,112)
-
#c89b68
#c89b68
rgb(200,155,104)
-
#cf9c61
#cf9c61
rgb(207,156,97)
-
#d79c59
#d79c59
rgb(215,156,89)
-
#df9d51
#df9d51
rgb(223,157,81)
-
#e79d49
#e79d49
rgb(231,157,73)
-
#ef9e41
#ef9e41
rgb(239,158,65)
-
#f79e39
#f79e39
rgb(247,158,57)
-
#ff9f31
#ff9f31
rgb(255,159,49)
Color Blindness Simulator
Below, you can see how #ff9f31 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.