#ff6b46 Color Information
In a RGB color space, hex #ff6b46 is composed of 100% red, 42% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 58% magenta, 72.5% yellow and 0% black. It has a hue angle of 12 degrees, a saturation of 100% and a lightness of 63.7%. #ff6b46 color hex could be obtained by blending #ffd68c with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 42
- B 27
-
- C 0
- M 58
- Y 73
- K 0
● #ff6b46 color description : Light red.
#ff6b46 Color Conversion
The hexadecimal color #ff6b46 has RGB values of R:255, G:107, B:70 and CMYK values of C:0, M:0.58, Y:0.73, K:0. Its decimal value is 16739142.
Hex triplet | ff6b46 | #ff6b46 |
---|---|---|
RGB Decimal | 255, 107, 70 | rgb(255,107,70) |
RGB Percent | 100, 42, 27.5 | rgb(100%,42%,27.5%) |
CMYK | 0, 58, 73, 0 | |
HSL | 12°, 100, 63.7 | hsl(12,100%,63.7%) |
HSV (or HSB) | 12°, 72.5, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.526, 54.291, 48.388 |
---|---|
XYZ | 47.605, 32.222, 9.507 |
xyY | 0.533, 0.361, 32.222 |
CIE-LCH | 63.526, 72.725, 41.709 |
CIE-LUV | 63.526, 117.701, 41.311 |
Hunter-Lab | 56.765, 50.358, 29.806 |
Binary | 11111111, 01101011, 01000110 |
Color Schemes with #ff6b46
Alternatives to #ff6b46
Below, you can see some colors close to #ff6b46. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6b46 Preview
This text has a font color of #ff6b46.
<span style="color:#ff6b46;">Text here</span>
This paragraph has a background color of #ff6b46.
<p style="background-color:#ff6b46;">Content here</p>
This element has a border color of #ff6b46.
<div style="border:1px solid #ff6b46;">Content here</div>
.text {color:#ff6b46;}
.background {background-color:#ff6b46;}
.border {border:1px solid #ff6b46;}
Shades and Tints of #ff6b46
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)
-
#5a1200
#5a1200
rgb(90,18,0)
-
#6d1600
#6d1600
rgb(109,22,0)
-
#811a00
#811a00
rgb(129,26,0)
-
#941e00
#941e00
rgb(148,30,0)
-
#a82200
#a82200
rgb(168,34,0)
-
#bc2600
#bc2600
rgb(188,38,0)
-
#cf2900
#cf2900
rgb(207,41,0)
-
#e32d00
#e32d00
rgb(227,45,0)
-
#f73100
#f73100
rgb(247,49,0)
-
#ff3c0b
#ff3c0b
rgb(255,60,11)
-
#ff4c1f
#ff4c1f
rgb(255,76,31)
-
#ff5b32
#ff5b32
rgb(255,91,50)
-
#ff6b46
#ff6b46
rgb(255,107,70)
-
#ff7b5a
#ff7b5a
rgb(255,123,90)
-
#ff8a6d
#ff8a6d
rgb(255,138,109)
-
#ff9a81
#ff9a81
rgb(255,154,129)
-
#ffaa94
#ffaa94
rgb(255,170,148)
-
#ffb9a8
#ffb9a8
rgb(255,185,168)
-
#ffc9bc
#ffc9bc
rgb(255,201,188)
-
#ffd9cf
#ffd9cf
rgb(255,217,207)
-
#ffe9e3
#ffe9e3
rgb(255,233,227)
-
#fff8f7
#fff8f7
rgb(255,248,247)
Tones of #ff6b46
A tone is produced by adding gray to any pure hue. In this case, #aa9e9b is the less saturated color, while #ff6b46 is the most saturated one.
-
#aa9e9b
#aa9e9b
rgb(170,158,155)
-
#b19a94
#b19a94
rgb(177,154,148)
-
#b8968d
#b8968d
rgb(184,150,141)
-
#bf9186
#bf9186
rgb(191,145,134)
-
#c68d7f
#c68d7f
rgb(198,141,127)
-
#cd8978
#cd8978
rgb(205,137,120)
-
#d48571
#d48571
rgb(212,133,113)
-
#db806a
#db806a
rgb(219,128,106)
-
#e37c62
#e37c62
rgb(227,124,98)
-
#ea785b
#ea785b
rgb(234,120,91)
-
#f17454
#f17454
rgb(241,116,84)
-
#f86f4d
#f86f4d
rgb(248,111,77)
-
#ff6b46
#ff6b46
rgb(255,107,70)
Color Blindness Simulator
Below, you can see how #ff6b46 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.