#f7685d Color Information
In a RGB color space, hex #f7685d is composed of 96.9% red, 40.8% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.9% magenta, 62.3% yellow and 3.1% black. It has a hue angle of 4.3 degrees, a saturation of 90.6% and a lightness of 66.7%. #f7685d color hex could be obtained by blending #ffd0ba with #ef0000. Closest websafe color is: #ff6666.
-
- R 97
- G 41
- B 36
-
- C 0
- M 58
- Y 62
- K 3
● #f7685d color description : Soft red.
#f7685d Color Conversion
The hexadecimal color #f7685d has RGB values of R:247, G:104, B:93 and CMYK values of C:0, M:0.58, Y:0.62, K:0.03. Its decimal value is 16214109.
Hex triplet | f7685d | #f7685d |
---|---|---|
RGB Decimal | 247, 104, 93 | rgb(247,104,93) |
RGB Percent | 96.9, 40.8, 36.5 | rgb(96.9%,40.8%,36.5%) |
CMYK | 0, 58, 62, 3 | |
HSL | 4.3°, 90.6, 66.7 | hsl(4.3,90.6%,66.7%) |
HSV (or HSB) | 4.3°, 62.3, 96.9 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 62.057, 54.066, 33.994 |
---|---|
XYZ | 45.285, 30.47, 13.852 |
xyY | 0.505, 0.34, 30.47 |
CIE-LCH | 62.057, 63.865, 32.159 |
CIE-LUV | 62.057, 109.081, 28.932 |
Hunter-Lab | 55.199, 49.843, 23.761 |
Binary | 11110111, 01101000, 01011101 |
Color Schemes with #f7685d
Alternatives to #f7685d
Below, you can see some colors close to #f7685d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7685d Preview
This text has a font color of #f7685d.
<span style="color:#f7685d;">Text here</span>
This paragraph has a background color of #f7685d.
<p style="background-color:#f7685d;">Content here</p>
This element has a border color of #f7685d.
<div style="border:1px solid #f7685d;">Content here</div>
.text {color:#f7685d;}
.background {background-color:#f7685d;}
.border {border:1px solid #f7685d;}
Shades and Tints of #f7685d
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, #060100 is the darkest color, while #fef3f3 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190301
#190301
rgb(25,3,1)
-
#2c0502
#2c0502
rgb(44,5,2)
-
#3e0703
#3e0703
rgb(62,7,3)
-
#510a04
#510a04
rgb(81,10,4)
-
#640c05
#640c05
rgb(100,12,5)
-
#760e06
#760e06
rgb(118,14,6)
-
#891007
#891007
rgb(137,16,7)
-
#9c1208
#9c1208
rgb(156,18,8)
-
#ae1409
#ae1409
rgb(174,20,9)
-
#c1170a
#c1170a
rgb(193,23,10)
-
#d4190a
#d4190a
rgb(212,25,10)
-
#e71b0b
#e71b0b
rgb(231,27,11)
-
#f32212
#f32212
rgb(243,34,18)
-
#f43425
#f43425
rgb(244,52,37)
-
#f54538
#f54538
rgb(245,69,56)
-
#f6574a
#f6574a
rgb(246,87,74)
-
#f7685d
#f7685d
rgb(247,104,93)
-
#f87970
#f87970
rgb(248,121,112)
-
#f98b82
#f98b82
rgb(249,139,130)
-
#fa9c95
#fa9c95
rgb(250,156,149)
-
#fbaea8
#fbaea8
rgb(251,174,168)
-
#fcbfba
#fcbfba
rgb(252,191,186)
-
#fdd1cd
#fdd1cd
rgb(253,209,205)
-
#fde2e0
#fde2e0
rgb(253,226,224)
-
#fef3f3
#fef3f3
rgb(254,243,243)
Tones of #f7685d
A tone is produced by adding gray to any pure hue. In this case, #afa6a5 is the less saturated color, while #fe6256 is the most saturated one.
-
#afa6a5
#afa6a5
rgb(175,166,165)
-
#b6a09e
#b6a09e
rgb(182,160,158)
-
#bc9a98
#bc9a98
rgb(188,154,152)
-
#c39591
#c39591
rgb(195,149,145)
-
#c98f8b
#c98f8b
rgb(201,143,139)
-
#d08a84
#d08a84
rgb(208,138,132)
-
#d6847e
#d6847e
rgb(214,132,126)
-
#dd7e77
#dd7e77
rgb(221,126,119)
-
#e37971
#e37971
rgb(227,121,113)
-
#ea736a
#ea736a
rgb(234,115,106)
-
#f06e64
#f06e64
rgb(240,110,100)
-
#f7685d
#f7685d
rgb(247,104,93)
-
#fe6256
#fe6256
rgb(254,98,86)
Color Blindness Simulator
Below, you can see how #f7685d 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.