#ff6a46 Color Information
In a RGB color space, hex #ff6a46 is composed of 100% red, 41.6% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58.4% magenta, 72.5% yellow and 0% black. It has a hue angle of 11.7 degrees, a saturation of 100% and a lightness of 63.7%. #ff6a46 color hex could be obtained by blending #ffd48c with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 42
- B 27
-
- C 0
- M 58
- Y 73
- K 0
● #ff6a46 color description : Light red.
#ff6a46 Color Conversion
The hexadecimal color #ff6a46 has RGB values of R:255, G:106, B:70 and CMYK values of C:0, M:0.58, Y:0.73, K:0. Its decimal value is 16738886.
Hex triplet | ff6a46 | #ff6a46 |
---|---|---|
RGB Decimal | 255, 106, 70 | rgb(255,106,70) |
RGB Percent | 100, 41.6, 27.5 | rgb(100%,41.6%,27.5%) |
CMYK | 0, 58, 73, 0 | |
HSL | 11.7°, 100, 63.7 | hsl(11.7,100%,63.7%) |
HSV (or HSB) | 11.7°, 72.5, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.355, 54.74, 48.201 |
---|---|
XYZ | 47.501, 32.015, 9.472 |
xyY | 0.534, 0.36, 32.015 |
CIE-LCH | 63.355, 72.936, 41.365 |
CIE-LUV | 63.355, 118.443, 40.983 |
Hunter-Lab | 56.582, 50.835, 29.682 |
Binary | 11111111, 01101010, 01000110 |
Color Schemes with #ff6a46
Alternatives to #ff6a46
Below, you can see some colors close to #ff6a46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6a46 Preview
This text has a font color of #ff6a46.
<span style="color:#ff6a46;">Text here</span>
This paragraph has a background color of #ff6a46.
<p style="background-color:#ff6a46;">Content here</p>
This element has a border color of #ff6a46.
<div style="border:1px solid #ff6a46;">Content here</div>
.text {color:#ff6a46;}
.background {background-color:#ff6a46;}
.border {border:1px solid #ff6a46;}
Shades and Tints of #ff6a46
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, #0b0200 is the darkest color, while #fff8f7 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1f0600
#1f0600
rgb(31,6,0)
-
#320a00
#320a00
rgb(50,10,0)
-
#460e00
#460e00
rgb(70,14,0)
-
#5a1100
#5a1100
rgb(90,17,0)
-
#6d1500
#6d1500
rgb(109,21,0)
-
#811900
#811900
rgb(129,25,0)
-
#941d00
#941d00
rgb(148,29,0)
-
#a82100
#a82100
rgb(168,33,0)
-
#bc2500
#bc2500
rgb(188,37,0)
-
#cf2800
#cf2800
rgb(207,40,0)
-
#e32c00
#e32c00
rgb(227,44,0)
-
#f73000
#f73000
rgb(247,48,0)
-
#ff3b0b
#ff3b0b
rgb(255,59,11)
-
#ff4a1f
#ff4a1f
rgb(255,74,31)
-
#ff5a32
#ff5a32
rgb(255,90,50)
-
#ff6a46
#ff6a46
rgb(255,106,70)
-
#ff7a5a
#ff7a5a
rgb(255,122,90)
-
#ff8a6d
#ff8a6d
rgb(255,138,109)
-
#ff9981
#ff9981
rgb(255,153,129)
-
#ffa994
#ffa994
rgb(255,169,148)
-
#ffb9a8
#ffb9a8
rgb(255,185,168)
-
#ffc9bc
#ffc9bc
rgb(255,201,188)
-
#ffd9cf
#ffd9cf
rgb(255,217,207)
-
#ffe8e3
#ffe8e3
rgb(255,232,227)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #ff6a46
A tone is produced by adding gray to any pure hue. In this case, #aa9e9b is the less saturated color, while #ff6a46 is the most saturated one.
-
#aa9e9b
#aa9e9b
rgb(170,158,155)
-
#b19a94
#b19a94
rgb(177,154,148)
-
#b8958d
#b8958d
rgb(184,149,141)
-
#bf9186
#bf9186
rgb(191,145,134)
-
#c68d7f
#c68d7f
rgb(198,141,127)
-
#cd8878
#cd8878
rgb(205,136,120)
-
#d48471
#d48471
rgb(212,132,113)
-
#db806a
#db806a
rgb(219,128,106)
-
#e37b62
#e37b62
rgb(227,123,98)
-
#ea775b
#ea775b
rgb(234,119,91)
-
#f17354
#f17354
rgb(241,115,84)
-
#f86e4d
#f86e4d
rgb(248,110,77)
-
#ff6a46
#ff6a46
rgb(255,106,70)
Color Blindness Simulator
Below, you can see how #ff6a46 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.