#f0684e Color Information
In a RGB color space, hex #f0684e is composed of 94.1% red, 40.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.7% magenta, 67.5% yellow and 5.9% black. It has a hue angle of 9.6 degrees, a saturation of 84.4% and a lightness of 62.4%. #f0684e color hex could be obtained by blending #ffd09c with #e10000. Closest websafe color is: #ff6666.
-
- R 94
- G 41
- B 31
-
- C 0
- M 57
- Y 68
- K 6
● #f0684e color description : Soft red.
#f0684e Color Conversion
The hexadecimal color #f0684e has RGB values of R:240, G:104, B:78 and CMYK values of C:0, M:0.57, Y:0.68, K:0.06. Its decimal value is 15755342.
Hex triplet | f0684e | #f0684e |
---|---|---|
RGB Decimal | 240, 104, 78 | rgb(240,104,78) |
RGB Percent | 94.1, 40.8, 30.6 | rgb(94.1%,40.8%,30.6%) |
CMYK | 0, 57, 68, 6 | |
HSL | 9.6°, 84.4, 62.4 | hsl(9.6,84.4%,62.4%) |
HSV (or HSB) | 9.6°, 67.5, 94.1 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 60.764, 50.749, 40.418 |
---|---|
XYZ | 42.262, 28.98, 10.576 |
xyY | 0.517, 0.354, 28.98 |
CIE-LCH | 60.764, 64.877, 38.535 |
CIE-LUV | 60.764, 106.231, 35.068 |
Hunter-Lab | 53.833, 45.925, 26.036 |
Binary | 11110000, 01101000, 01001110 |
Color Schemes with #f0684e
Alternatives to #f0684e
Below, you can see some colors close to #f0684e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f0684e Preview
This text has a font color of #f0684e.
<span style="color:#f0684e;">Text here</span>
This paragraph has a background color of #f0684e.
<p style="background-color:#f0684e;">Content here</p>
This element has a border color of #f0684e.
<div style="border:1px solid #f0684e;">Content here</div>
.text {color:#f0684e;}
.background {background-color:#f0684e;}
.border {border:1px solid #f0684e;}
Shades and Tints of #f0684e
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, #040100 is the darkest color, while #fef3f1 is the lightest one.
-
#040100
#040100
rgb(4,1,0)
-
#160502
#160502
rgb(22,5,2)
-
#280903
#280903
rgb(40,9,3)
-
#3a0d05
#3a0d05
rgb(58,13,5)
-
#4c1206
#4c1206
rgb(76,18,6)
-
#5e1608
#5e1608
rgb(94,22,8)
-
#701a0a
#701a0a
rgb(112,26,10)
-
#821e0b
#821e0b
rgb(130,30,11)
-
#94220d
#94220d
rgb(148,34,13)
-
#a7270e
#a7270e
rgb(167,39,14)
-
#b92b10
#b92b10
rgb(185,43,16)
-
#cb2f11
#cb2f11
rgb(203,47,17)
-
#dd3313
#dd3313
rgb(221,51,19)
-
#eb3a18
#eb3a18
rgb(235,58,24)
-
#ed492a
#ed492a
rgb(237,73,42)
-
#ee593c
#ee593c
rgb(238,89,60)
-
#f0684e
#f0684e
rgb(240,104,78)
-
#f27760
#f27760
rgb(242,119,96)
-
#f38772
#f38772
rgb(243,135,114)
-
#f59684
#f59684
rgb(245,150,132)
-
#f6a696
#f6a696
rgb(246,166,150)
-
#f8b5a8
#f8b5a8
rgb(248,181,168)
-
#f9c5ba
#f9c5ba
rgb(249,197,186)
-
#fbd4cd
#fbd4cd
rgb(251,212,205)
-
#fce3df
#fce3df
rgb(252,227,223)
-
#fef3f1
#fef3f1
rgb(254,243,241)
Tones of #f0684e
A tone is produced by adding gray to any pure hue. In this case, #a69a98 is the less saturated color, while #ff5e3f is the most saturated one.
-
#a69a98
#a69a98
rgb(166,154,152)
-
#ae9590
#ae9590
rgb(174,149,144)
-
#b59089
#b59089
rgb(181,144,137)
-
#bc8b82
#bc8b82
rgb(188,139,130)
-
#c4867a
#c4867a
rgb(196,134,122)
-
#cb8173
#cb8173
rgb(203,129,115)
-
#d27c6c
#d27c6c
rgb(210,124,108)
-
#da7764
#da7764
rgb(218,119,100)
-
#e1725d
#e1725d
rgb(225,114,93)
-
#e96d55
#e96d55
rgb(233,109,85)
-
#f0684e
#f0684e
rgb(240,104,78)
-
#f76347
#f76347
rgb(247,99,71)
-
#ff5e3f
#ff5e3f
rgb(255,94,63)
Color Blindness Simulator
Below, you can see how #f0684e 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.