#f68158 Color Information
In a RGB color space, hex #f68158 is composed of 96.5% red, 50.6% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 64.2% yellow and 3.5% black. It has a hue angle of 15.6 degrees, a saturation of 89.8% and a lightness of 65.5%. #f68158 color hex could be obtained by blending #ffffb0 with #ed0300. Closest websafe color is: #ff9966.
-
- R 96
- G 51
- B 35
-
- C 0
- M 48
- Y 64
- K 4
● #f68158 color description : Soft orange.
#f68158 Color Conversion
The hexadecimal color #f68158 has RGB values of R:246, G:129, B:88 and CMYK values of C:0, M:0.48, Y:0.64, K:0.04. Its decimal value is 16154968.
Hex triplet | f68158 | #f68158 |
---|---|---|
RGB Decimal | 246, 129, 88 | rgb(246,129,88) |
RGB Percent | 96.5, 50.6, 34.5 | rgb(96.5%,50.6%,34.5%) |
CMYK | 0, 48, 64, 4 | |
HSL | 15.6°, 89.8, 65.5 | hsl(15.6,89.8%,65.5%) |
HSV (or HSB) | 15.6°, 64.2, 96.5 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 66.521, 41.42, 42.124 |
---|---|
XYZ | 47.619, 36.002, 13.673 |
xyY | 0.489, 0.37, 36.002 |
CIE-LCH | 66.521, 59.077, 45.483 |
CIE-LUV | 66.521, 90.926, 40.702 |
Hunter-Lab | 60.002, 36.66, 28.49 |
Binary | 11110110, 10000001, 01011000 |
Color Schemes with #f68158
Alternatives to #f68158
Below, you can see some colors close to #f68158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68158 Preview
This text has a font color of #f68158.
<span style="color:#f68158;">Text here</span>
This paragraph has a background color of #f68158.
<p style="background-color:#f68158;">Content here</p>
This element has a border color of #f68158.
<div style="border:1px solid #f68158;">Content here</div>
.text {color:#f68158;}
.background {background-color:#f68158;}
.border {border:1px solid #f68158;}
Shades and Tints of #f68158
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, #010000 is the darkest color, while #fef1ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130601
#130601
rgb(19,6,1)
-
#260b02
#260b02
rgb(38,11,2)
-
#381103
#381103
rgb(56,17,3)
-
#4b1604
#4b1604
rgb(75,22,4)
-
#5e1c05
#5e1c05
rgb(94,28,5)
-
#702206
#702206
rgb(112,34,6)
-
#832707
#832707
rgb(131,39,7)
-
#952d08
#952d08
rgb(149,45,8)
-
#a83209
#a83209
rgb(168,50,9)
-
#bb380a
#bb380a
rgb(187,56,10)
-
#cd3d0b
#cd3d0b
rgb(205,61,11)
-
#e0430c
#e0430c
rgb(224,67,12)
-
#f2490e
#f2490e
rgb(242,73,14)
-
#f35720
#f35720
rgb(243,87,32)
-
#f46533
#f46533
rgb(244,101,51)
-
#f57345
#f57345
rgb(245,115,69)
-
#f68158
#f68158
rgb(246,129,88)
-
#f78f6b
#f78f6b
rgb(247,143,107)
-
#f89d7d
#f89d7d
rgb(248,157,125)
-
#f9ab90
#f9ab90
rgb(249,171,144)
-
#fab9a2
#fab9a2
rgb(250,185,162)
-
#fbc7b5
#fbc7b5
rgb(251,199,181)
-
#fcd5c8
#fcd5c8
rgb(252,213,200)
-
#fde3da
#fde3da
rgb(253,227,218)
-
#fef1ed
#fef1ed
rgb(254,241,237)
Tones of #f68158
A tone is produced by adding gray to any pure hue. In this case, #aca5a2 is the less saturated color, while #fd7e51 is the most saturated one.
-
#aca5a2
#aca5a2
rgb(172,165,162)
-
#b2a29c
#b2a29c
rgb(178,162,156)
-
#b99e95
#b99e95
rgb(185,158,149)
-
#c09b8e
#c09b8e
rgb(192,155,142)
-
#c79887
#c79887
rgb(199,152,135)
-
#cd9581
#cd9581
rgb(205,149,129)
-
#d4917a
#d4917a
rgb(212,145,122)
-
#db8e73
#db8e73
rgb(219,142,115)
-
#e28b6c
#e28b6c
rgb(226,139,108)
-
#e88866
#e88866
rgb(232,136,102)
-
#ef845f
#ef845f
rgb(239,132,95)
-
#f68158
#f68158
rgb(246,129,88)
-
#fd7e51
#fd7e51
rgb(253,126,81)
Color Blindness Simulator
Below, you can see how #f68158 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.