#ff9946 Color Information
In a RGB color space, hex #ff9946 is composed of 100% red, 60% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 72.5% yellow and 0% black. It has a hue angle of 26.9 degrees, a saturation of 100% and a lightness of 63.7%. #ff9946 color hex could be obtained by blending #ffff8c with #ff3300. Closest websafe color is: #ff9933.
-
- R 100
- G 60
- B 27
-
- C 0
- M 40
- Y 73
- K 0
● #ff9946 color description : Light orange.
#ff9946 Color Conversion
The hexadecimal color #ff9946 has RGB values of R:255, G:153, B:70 and CMYK values of C:0, M:0.4, Y:0.73, K:0. Its decimal value is 16750918.
Hex triplet | ff9946 | #ff9946 |
---|---|---|
RGB Decimal | 255, 153, 70 | rgb(255,153,70) |
RGB Percent | 100, 60, 27.5 | rgb(100%,60%,27.5%) |
CMYK | 0, 40, 73, 0 | |
HSL | 26.9°, 100, 63.7 | hsl(26.9,100%,63.7%) |
HSV (or HSB) | 26.9°, 72.5, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.554, 31.747, 58.001 |
---|---|
XYZ | 53.738, 44.489, 11.551 |
xyY | 0.49, 0.405, 44.489 |
CIE-LCH | 72.554, 66.121, 61.306 |
CIE-LUV | 72.554, 81.675, 57.994 |
Hunter-Lab | 66.7, 27.087, 36.422 |
Binary | 11111111, 10011001, 01000110 |
Color Schemes with #ff9946
Alternatives to #ff9946
Below, you can see some colors close to #ff9946. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff9946 Preview
This text has a font color of #ff9946.
<span style="color:#ff9946;">Text here</span>
This paragraph has a background color of #ff9946.
<p style="background-color:#ff9946;">Content here</p>
This element has a border color of #ff9946.
<div style="border:1px solid #ff9946;">Content here</div>
.text {color:#ff9946;}
.background {background-color:#ff9946;}
.border {border:1px solid #ff9946;}
Shades and Tints of #ff9946
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, #0b0500 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0500
#0b0500
rgb(11,5,0)
-
#1f0e00
#1f0e00
rgb(31,14,0)
-
#321700
#321700
rgb(50,23,0)
-
#461f00
#461f00
rgb(70,31,0)
-
#5a2800
#5a2800
rgb(90,40,0)
-
#6d3100
#6d3100
rgb(109,49,0)
-
#813a00
#813a00
rgb(129,58,0)
-
#944300
#944300
rgb(148,67,0)
-
#a84b00
#a84b00
rgb(168,75,0)
-
#bc5400
#bc5400
rgb(188,84,0)
-
#cf5d00
#cf5d00
rgb(207,93,0)
-
#e36600
#e36600
rgb(227,102,0)
-
#f76f00
#f76f00
rgb(247,111,0)
-
#ff790b
#ff790b
rgb(255,121,11)
-
#ff831f
#ff831f
rgb(255,131,31)
-
#ff8e32
#ff8e32
rgb(255,142,50)
-
#ff9946
#ff9946
rgb(255,153,70)
-
#ffa45a
#ffa45a
rgb(255,164,90)
-
#ffaf6d
#ffaf6d
rgb(255,175,109)
-
#ffb981
#ffb981
rgb(255,185,129)
-
#ffc494
#ffc494
rgb(255,196,148)
-
#ffcfa8
#ffcfa8
rgb(255,207,168)
-
#ffdabc
#ffdabc
rgb(255,218,188)
-
#ffe5cf
#ffe5cf
rgb(255,229,207)
-
#fff0e3
#fff0e3
rgb(255,240,227)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #ff9946
A tone is produced by adding gray to any pure hue. In this case, #aaa29b is the less saturated color, while #ff9946 is the most saturated one.
-
#aaa29b
#aaa29b
rgb(170,162,155)
-
#b1a194
#b1a194
rgb(177,161,148)
-
#b8a08d
#b8a08d
rgb(184,160,141)
-
#bfa086
#bfa086
rgb(191,160,134)
-
#c69f7f
#c69f7f
rgb(198,159,127)
-
#cd9e78
#cd9e78
rgb(205,158,120)
-
#d49d71
#d49d71
rgb(212,157,113)
-
#db9d6a
#db9d6a
rgb(219,157,106)
-
#e39c62
#e39c62
rgb(227,156,98)
-
#ea9b5b
#ea9b5b
rgb(234,155,91)
-
#f19a54
#f19a54
rgb(241,154,84)
-
#f89a4d
#f89a4d
rgb(248,154,77)
-
#ff9946
#ff9946
rgb(255,153,70)
Color Blindness Simulator
Below, you can see how #ff9946 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.