#f68384 Color Information
In a RGB color space, hex #f68384 is composed of 96.5% red, 51.4% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 46.3% yellow and 3.5% black. It has a hue angle of 359.5 degrees, a saturation of 86.5% and a lightness of 73.9%. #f68384 color hex could be obtained by blending #ffffff with #ed0709. Closest websafe color is: #ff9999.
-
- R 96
- G 51
- B 52
-
- C 0
- M 47
- Y 46
- K 4
● #f68384 color description : Soft red.
#f68384 Color Conversion
The hexadecimal color #f68384 has RGB values of R:246, G:131, B:132 and CMYK values of C:0, M:0.47, Y:0.46, K:0.04. Its decimal value is 16155524.
| Hex triplet | f68384 | #f68384 |
|---|---|---|
| RGB Decimal | 246, 131, 132 | rgb(246,131,132) |
| RGB Percent | 96.5, 51.4, 51.8 | rgb(96.5%,51.4%,51.8%) |
| CMYK | 0, 47, 46, 4 | |
| HSL | 359.5°, 86.5, 73.9 | hsl(359.5,86.5%,73.9%) |
| HSV (or HSB) | 359.5°, 46.7, 96.5 | |
| Web Safe | ff9999 | #ff9999 |
| CIE-LAB | 67.647, 43.854, 19.479 |
|---|---|
| XYZ | 50.288, 37.495, 26.417 |
| xyY | 0.44, 0.328, 37.495 |
| CIE-LCH | 67.647, 47.985, 23.949 |
| CIE-LUV | 67.647, 81.658, 17.008 |
| Hunter-Lab | 61.233, 39.435, 17.284 |
| Binary | 11110110, 10000011, 10000100 |
Color Schemes with #f68384
Alternatives to #f68384
Below, you can see some colors close to #f68384. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68384 Preview
This text has a font color of #f68384.
<span style="color:#f68384;">Text here</span>
This paragraph has a background color of #f68384.
<p style="background-color:#f68384;">Content here</p>
This element has a border color of #f68384.
<div style="border:1px solid #f68384;">Content here</div>
.text {color:#f68384;}
.background {background-color:#f68384;}
.border {border:1px solid #f68384;}
Shades and Tints of #f68384
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, #040000 is the darkest color, while #fef1f1 is the lightest one.
-
#040000
#040000rgb(4,0,0) -
#160202
#160202rgb(22,2,2) -
#290303
#290303rgb(41,3,3) -
#3b0405
#3b0405rgb(59,4,5) -
#4d0606
#4d0606rgb(77,6,6) -
#5f0708
#5f0708rgb(95,7,8) -
#720809
#720809rgb(114,8,9) -
#840a0b
#840a0brgb(132,10,11) -
#960b0c
#960b0crgb(150,11,12) -
#a90c0e
#a90c0ergb(169,12,14) -
#bb0e0f
#bb0e0frgb(187,14,15) -
#cd0f11
#cd0f11rgb(205,15,17) -
#df1012
#df1012rgb(223,16,18)
-
#ee1517
#ee1517rgb(238,21,23) -
#ef2829
#ef2829rgb(239,40,41) -
#f13a3b
#f13a3brgb(241,58,59) -
#f24c4e
#f24c4ergb(242,76,78) -
#f35e60
#f35e60rgb(243,94,96) -
#f57172
#f57172rgb(245,113,114) -
#f68384
#f68384rgb(246,131,132) -
#f79596
#f79596rgb(247,149,150) -
#f9a8a8
#f9a8a8rgb(249,168,168) -
#fababa
#fababargb(250,186,186) -
#fbcccd
#fbcccdrgb(251,204,205) -
#fddedf
#fddedfrgb(253,222,223) -
#fef1f1
#fef1f1rgb(254,241,241)
Tones of #f68384
A tone is produced by adding gray to any pure hue. In this case, #bebbbb is the less saturated color, while #fb7e7f is the most saturated one.
-
#bebbbb
#bebbbbrgb(190,187,187) -
#c3b6b6
#c3b6b6rgb(195,182,182) -
#c8b1b1
#c8b1b1rgb(200,177,177) -
#cdacac
#cdacacrgb(205,172,172) -
#d2a7a7
#d2a7a7rgb(210,167,167) -
#d7a2a2
#d7a2a2rgb(215,162,162) -
#dc9d9d
#dc9d9drgb(220,157,157) -
#e29798
#e29798rgb(226,151,152) -
#e79293
#e79293rgb(231,146,147) -
#ec8d8e
#ec8d8ergb(236,141,142) -
#f18889
#f18889rgb(241,136,137) -
#f68384
#f68384rgb(246,131,132) -
#fb7e7f
#fb7e7frgb(251,126,127)
Color Blindness Simulator
Below, you can see how #f68384 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.
