#ffb346 Color Information
In a RGB color space, hex #ffb346 is composed of 100% red, 70.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.8% magenta, 72.5% yellow and 0% black. It has a hue angle of 35.4 degrees, a saturation of 100% and a lightness of 63.7%. #ffb346 color hex could be obtained by blending #ffff8c with #ff6700. Closest websafe color is: #ffcc33.
-
- R 100
- G 70
- B 27
-
- C 0
- M 30
- Y 73
- K 0
● #ffb346 color description : Light orange.
#ffb346 Color Conversion
The hexadecimal color #ffb346 has RGB values of R:255, G:179, B:70 and CMYK values of C:0, M:0.3, Y:0.73, K:0. Its decimal value is 16757574.
Hex triplet | ffb346 | #ffb346 |
---|---|---|
RGB Decimal | 255, 179, 70 | rgb(255,179,70) |
RGB Percent | 100, 70.2, 27.5 | rgb(100%,70.2%,27.5%) |
CMYK | 0, 30, 73, 0 | |
HSL | 35.4°, 100, 63.7 | hsl(35.4,100%,63.7%) |
HSV (or HSB) | 35.4°, 72.5, 100 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 78.43, 18.206, 64.008 |
---|---|
XYZ | 58.467, 53.946, 13.127 |
xyY | 0.466, 0.43, 53.946 |
CIE-LCH | 78.43, 66.547, 74.122 |
CIE-LUV | 78.43, 61.172, 68.249 |
Hunter-Lab | 73.448, 13.558, 40.817 |
Binary | 11111111, 10110011, 01000110 |
Color Schemes with #ffb346
Alternatives to #ffb346
Below, you can see some colors close to #ffb346. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb346 Preview
This text has a font color of #ffb346.
<span style="color:#ffb346;">Text here</span>
This paragraph has a background color of #ffb346.
<p style="background-color:#ffb346;">Content here</p>
This element has a border color of #ffb346.
<div style="border:1px solid #ffb346;">Content here</div>
.text {color:#ffb346;}
.background {background-color:#ffb346;}
.border {border:1px solid #ffb346;}
Shades and Tints of #ffb346
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, #0b0700 is the darkest color, while #fffcf7 is the lightest one.
-
#0b0700
#0b0700
rgb(11,7,0)
-
#1f1200
#1f1200
rgb(31,18,0)
-
#321e00
#321e00
rgb(50,30,0)
-
#462900
#462900
rgb(70,41,0)
-
#5a3500
#5a3500
rgb(90,53,0)
-
#6d4000
#6d4000
rgb(109,64,0)
-
#814c00
#814c00
rgb(129,76,0)
-
#945700
#945700
rgb(148,87,0)
-
#a86300
#a86300
rgb(168,99,0)
-
#bc6f00
#bc6f00
rgb(188,111,0)
-
#cf7a00
#cf7a00
rgb(207,122,0)
-
#e38600
#e38600
rgb(227,134,0)
-
#f79100
#f79100
rgb(247,145,0)
-
#ff9b0b
#ff9b0b
rgb(255,155,11)
-
#ffa31f
#ffa31f
rgb(255,163,31)
-
#ffab32
#ffab32
rgb(255,171,50)
-
#ffb346
#ffb346
rgb(255,179,70)
-
#ffbb5a
#ffbb5a
rgb(255,187,90)
-
#ffc36d
#ffc36d
rgb(255,195,109)
-
#ffcb81
#ffcb81
rgb(255,203,129)
-
#ffd394
#ffd394
rgb(255,211,148)
-
#ffdba8
#ffdba8
rgb(255,219,168)
-
#ffe3bc
#ffe3bc
rgb(255,227,188)
-
#ffebcf
#ffebcf
rgb(255,235,207)
-
#fff3e3
#fff3e3
rgb(255,243,227)
-
#fffcf7
#fffcf7
rgb(255,252,247)
Tones of #ffb346
A tone is produced by adding gray to any pure hue. In this case, #aaa49b is the less saturated color, while #ffb346 is the most saturated one.
-
#aaa49b
#aaa49b
rgb(170,164,155)
-
#b1a594
#b1a594
rgb(177,165,148)
-
#b8a68d
#b8a68d
rgb(184,166,141)
-
#bfa886
#bfa886
rgb(191,168,134)
-
#c6a97f
#c6a97f
rgb(198,169,127)
-
#cdaa78
#cdaa78
rgb(205,170,120)
-
#d4ab71
#d4ab71
rgb(212,171,113)
-
#dbad6a
#dbad6a
rgb(219,173,106)
-
#e3ae62
#e3ae62
rgb(227,174,98)
-
#eaaf5b
#eaaf5b
rgb(234,175,91)
-
#f1b054
#f1b054
rgb(241,176,84)
-
#f8b24d
#f8b24d
rgb(248,178,77)
-
#ffb346
#ffb346
rgb(255,179,70)
Color Blindness Simulator
Below, you can see how #ffb346 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.