#ff974d Color Information
In a RGB color space, hex #ff974d is composed of 100% red, 59.2% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.8% magenta, 69.8% yellow and 0% black. It has a hue angle of 24.9 degrees, a saturation of 100% and a lightness of 65.1%. #ff974d color hex could be obtained by blending #ffff9a with #ff2f00. Closest websafe color is: #ff9966.
-
- R 100
- G 59
- B 30
-
- C 0
- M 41
- Y 70
- K 0
● #ff974d color description : Light orange.
#ff974d Color Conversion
The hexadecimal color #ff974d has RGB values of R:255, G:151, B:77 and CMYK values of C:0, M:0.41, Y:0.7, K:0. Its decimal value is 16750413.
Hex triplet | ff974d | #ff974d |
---|---|---|
RGB Decimal | 255, 151, 77 | rgb(255,151,77) |
RGB Percent | 100, 59.2, 30.2 | rgb(100%,59.2%,30.2%) |
CMYK | 0, 41, 70, 0 | |
HSL | 24.9°, 100, 65.1 | hsl(24.9,100%,65.1%) |
HSV (or HSB) | 24.9°, 69.8, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 72.184, 33.11, 54.385 |
---|---|
XYZ | 53.648, 43.933, 12.675 |
xyY | 0.487, 0.398, 43.933 |
CIE-LCH | 72.184, 63.671, 58.667 |
CIE-LUV | 72.184, 82.601, 54.793 |
Hunter-Lab | 66.282, 28.481, 35.059 |
Binary | 11111111, 10010111, 01001101 |
Color Schemes with #ff974d
Alternatives to #ff974d
Below, you can see some colors close to #ff974d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff974d Preview
This text has a font color of #ff974d.
<span style="color:#ff974d;">Text here</span>
This paragraph has a background color of #ff974d.
<p style="background-color:#ff974d;">Content here</p>
This element has a border color of #ff974d.
<div style="border:1px solid #ff974d;">Content here</div>
.text {color:#ff974d;}
.background {background-color:#ff974d;}
.border {border:1px solid #ff974d;}
Shades and Tints of #ff974d
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, #120800 is the darkest color, while #fffefe is the lightest one.
-
#120800
#120800
rgb(18,8,0)
-
#261000
#261000
rgb(38,16,0)
-
#391800
#391800
rgb(57,24,0)
-
#4d2000
#4d2000
rgb(77,32,0)
-
#612800
#612800
rgb(97,40,0)
-
#743000
#743000
rgb(116,48,0)
-
#883800
#883800
rgb(136,56,0)
-
#9b4100
#9b4100
rgb(155,65,0)
-
#af4900
#af4900
rgb(175,73,0)
-
#c35100
#c35100
rgb(195,81,0)
-
#d65900
#d65900
rgb(214,89,0)
-
#ea6100
#ea6100
rgb(234,97,0)
-
#fe6900
#fe6900
rgb(254,105,0)
-
#ff7512
#ff7512
rgb(255,117,18)
-
#ff8026
#ff8026
rgb(255,128,38)
-
#ff8c39
#ff8c39
rgb(255,140,57)
-
#ff974d
#ff974d
rgb(255,151,77)
-
#ffa261
#ffa261
rgb(255,162,97)
-
#ffae74
#ffae74
rgb(255,174,116)
-
#ffb988
#ffb988
rgb(255,185,136)
-
#ffc59b
#ffc59b
rgb(255,197,155)
-
#ffd0af
#ffd0af
rgb(255,208,175)
-
#ffdcc3
#ffdcc3
rgb(255,220,195)
-
#ffe7d6
#ffe7d6
rgb(255,231,214)
-
#fff3ea
#fff3ea
rgb(255,243,234)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #ff974d
A tone is produced by adding gray to any pure hue. In this case, #ada59f is the less saturated color, while #ff974d is the most saturated one.
-
#ada59f
#ada59f
rgb(173,165,159)
-
#b4a498
#b4a498
rgb(180,164,152)
-
#bba391
#bba391
rgb(187,163,145)
-
#c1a18b
#c1a18b
rgb(193,161,139)
-
#c8a084
#c8a084
rgb(200,160,132)
-
#cf9f7d
#cf9f7d
rgb(207,159,125)
-
#d69e76
#d69e76
rgb(214,158,118)
-
#dd9d6f
#dd9d6f
rgb(221,157,111)
-
#e49c68
#e49c68
rgb(228,156,104)
-
#ea9a62
#ea9a62
rgb(234,154,98)
-
#f1995b
#f1995b
rgb(241,153,91)
-
#f89854
#f89854
rgb(248,152,84)
-
#ff974d
#ff974d
rgb(255,151,77)
Color Blindness Simulator
Below, you can see how #ff974d 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.