#f69342 Color Information
In a RGB color space, hex #f69342 is composed of 96.5% red, 57.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.2% magenta, 73.2% yellow and 3.5% black. It has a hue angle of 27 degrees, a saturation of 90.9% and a lightness of 61.2%. #f69342 color hex could be obtained by blending #ffff84 with #ed2700. Closest websafe color is: #ff9933.
-
- R 96
- G 58
- B 26
-
- C 0
- M 40
- Y 73
- K 4
● #f69342 color description : Bright orange.
#f69342 Color Conversion
The hexadecimal color #f69342 has RGB values of R:246, G:147, B:66 and CMYK values of C:0, M:0.4, Y:0.73, K:0.04. Its decimal value is 16159554.
Hex triplet | f69342 | #f69342 |
---|---|---|
RGB Decimal | 246, 147, 66 | rgb(246,147,66) |
RGB Percent | 96.5, 57.6, 25.9 | rgb(96.5%,57.6%,25.9%) |
CMYK | 0, 40, 73, 4 | |
HSL | 27°, 90.9, 61.2 | hsl(27,90.9%,61.2%) |
HSV (or HSB) | 27°, 73.2, 96.5 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 70.076, 31.056, 56.875 |
---|---|
XYZ | 49.425, 40.857, 10.437 |
xyY | 0.491, 0.406, 40.857 |
CIE-LCH | 70.076, 64.801, 61.364 |
CIE-LUV | 70.076, 79.431, 56.319 |
Hunter-Lab | 63.92, 26.161, 35.063 |
Binary | 11110110, 10010011, 01000010 |
Color Schemes with #f69342
Alternatives to #f69342
Below, you can see some colors close to #f69342. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f69342 Preview
This text has a font color of #f69342.
<span style="color:#f69342;">Text here</span>
This paragraph has a background color of #f69342.
<p style="background-color:#f69342;">Content here</p>
This element has a border color of #f69342.
<div style="border:1px solid #f69342;">Content here</div>
.text {color:#f69342;}
.background {background-color:#f69342;}
.border {border:1px solid #f69342;}
Shades and Tints of #f69342
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, #110801 is the darkest color, while #fffefd is the lightest one.
-
#110801
#110801
rgb(17,8,1)
-
#241102
#241102
rgb(36,17,2)
-
#361a03
#361a03
rgb(54,26,3)
-
#492303
#492303
rgb(73,35,3)
-
#5c2c04
#5c2c04
rgb(92,44,4)
-
#6f3505
#6f3505
rgb(111,53,5)
-
#813e06
#813e06
rgb(129,62,6)
-
#944607
#944607
rgb(148,70,7)
-
#a74f08
#a74f08
rgb(167,79,8)
-
#b95809
#b95809
rgb(185,88,9)
-
#cc610a
#cc610a
rgb(204,97,10)
-
#df6a0b
#df6a0b
rgb(223,106,11)
-
#f2730c
#f2730c
rgb(242,115,12)
-
#f47e1d
#f47e1d
rgb(244,126,29)
-
#f5882f
#f5882f
rgb(245,136,47)
-
#f69342
#f69342
rgb(246,147,66)
-
#f79e55
#f79e55
rgb(247,158,85)
-
#f8a867
#f8a867
rgb(248,168,103)
-
#f9b37a
#f9b37a
rgb(249,179,122)
-
#fabe8d
#fabe8d
rgb(250,190,141)
-
#fac8a0
#fac8a0
rgb(250,200,160)
-
#fbd3b2
#fbd3b2
rgb(251,211,178)
-
#fcdec5
#fcdec5
rgb(252,222,197)
-
#fde9d8
#fde9d8
rgb(253,233,216)
-
#fef3eb
#fef3eb
rgb(254,243,235)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f69342
A tone is produced by adding gray to any pure hue. In this case, #a29b96 is the less saturated color, while #fe923a is the most saturated one.
-
#a29b96
#a29b96
rgb(162,155,150)
-
#aa9b8e
#aa9b8e
rgb(170,155,142)
-
#b19a87
#b19a87
rgb(177,154,135)
-
#b9997f
#b9997f
rgb(185,153,127)
-
#c19877
#c19877
rgb(193,152,119)
-
#c89870
#c89870
rgb(200,152,112)
-
#d09768
#d09768
rgb(208,151,104)
-
#d89660
#d89660
rgb(216,150,96)
-
#df9559
#df9559
rgb(223,149,89)
-
#e79551
#e79551
rgb(231,149,81)
-
#ee944a
#ee944a
rgb(238,148,74)
-
#f69342
#f69342
rgb(246,147,66)
-
#fe923a
#fe923a
rgb(254,146,58)
Color Blindness Simulator
Below, you can see how #f69342 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.