#ff9945 Color Information
In a RGB color space, hex #ff9945 is composed of 100% red, 60% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 72.9% yellow and 0% black. It has a hue angle of 27.1 degrees, a saturation of 100% and a lightness of 63.5%. #ff9945 color hex could be obtained by blending #ffff8a with #ff3300. Closest websafe color is: #ff9933.
-
- R 100
- G 60
- B 27
-
- C 0
- M 40
- Y 73
- K 0
● #ff9945 color description : Light orange.
#ff9945 Color Conversion
The hexadecimal color #ff9945 has RGB values of R:255, G:153, B:69 and CMYK values of C:0, M:0.4, Y:0.73, K:0. Its decimal value is 16750917.
Hex triplet | ff9945 | #ff9945 |
---|---|---|
RGB Decimal | 255, 153, 69 | rgb(255,153,69) |
RGB Percent | 100, 60, 27.1 | rgb(100%,60%,27.1%) |
CMYK | 0, 40, 73, 0 | |
HSL | 27.1°, 100, 63.5 | hsl(27.1,100%,63.5%) |
HSV (or HSB) | 27.1°, 72.9, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.546, 31.703, 58.439 |
---|---|
XYZ | 53.707, 44.476, 11.386 |
xyY | 0.49, 0.406, 44.476 |
CIE-LCH | 72.546, 66.484, 61.521 |
CIE-LUV | 72.546, 81.763, 58.319 |
Hunter-Lab | 66.691, 27.04, 36.561 |
Binary | 11111111, 10011001, 01000101 |
Color Schemes with #ff9945
Alternatives to #ff9945
Below, you can see some colors close to #ff9945. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9945 Preview
This text has a font color of #ff9945.
<span style="color:#ff9945;">Text here</span>
This paragraph has a background color of #ff9945.
<p style="background-color:#ff9945;">Content here</p>
This element has a border color of #ff9945.
<div style="border:1px solid #ff9945;">Content here</div>
.text {color:#ff9945;}
.background {background-color:#ff9945;}
.border {border:1px solid #ff9945;}
Shades and Tints of #ff9945
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 #fffaf6 is the lightest one.
-
#0a0500
#0a0500
rgb(10,5,0)
-
#1e0d00
#1e0d00
rgb(30,13,0)
-
#311600
#311600
rgb(49,22,0)
-
#451f00
#451f00
rgb(69,31,0)
-
#592800
#592800
rgb(89,40,0)
-
#6c3100
#6c3100
rgb(108,49,0)
-
#803a00
#803a00
rgb(128,58,0)
-
#934300
#934300
rgb(147,67,0)
-
#a74b00
#a74b00
rgb(167,75,0)
-
#bb5400
#bb5400
rgb(187,84,0)
-
#ce5d00
#ce5d00
rgb(206,93,0)
-
#e26600
#e26600
rgb(226,102,0)
-
#f66f00
#f66f00
rgb(246,111,0)
-
#ff790a
#ff790a
rgb(255,121,10)
-
#ff831e
#ff831e
rgb(255,131,30)
-
#ff8e31
#ff8e31
rgb(255,142,49)
-
#ff9945
#ff9945
rgb(255,153,69)
-
#ffa459
#ffa459
rgb(255,164,89)
-
#ffaf6c
#ffaf6c
rgb(255,175,108)
-
#ffb980
#ffb980
rgb(255,185,128)
-
#ffc493
#ffc493
rgb(255,196,147)
-
#ffcfa7
#ffcfa7
rgb(255,207,167)
-
#ffdabb
#ffdabb
rgb(255,218,187)
-
#ffe4ce
#ffe4ce
rgb(255,228,206)
-
#ffefe2
#ffefe2
rgb(255,239,226)
-
#fffaf6
#fffaf6
rgb(255,250,246)
Tones of #ff9945
A tone is produced by adding gray to any pure hue. In this case, #a9a19b is the less saturated color, while #ff9945 is the most saturated one.
-
#a9a19b
#a9a19b
rgb(169,161,155)
-
#b0a194
#b0a194
rgb(176,161,148)
-
#b7a08d
#b7a08d
rgb(183,160,141)
-
#bf9f85
#bf9f85
rgb(191,159,133)
-
#c69f7e
#c69f7e
rgb(198,159,126)
-
#cd9e77
#cd9e77
rgb(205,158,119)
-
#d49d70
#d49d70
rgb(212,157,112)
-
#db9c69
#db9c69
rgb(219,156,105)
-
#e29c62
#e29c62
rgb(226,156,98)
-
#ea9b5a
#ea9b5a
rgb(234,155,90)
-
#f19a53
#f19a53
rgb(241,154,83)
-
#f89a4c
#f89a4c
rgb(248,154,76)
-
#ff9945
#ff9945
rgb(255,153,69)
Color Blindness Simulator
Below, you can see how #ff9945 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.