#f676e5 Color Information
In a RGB color space, hex #f676e5 is composed of 96.5% red, 46.3% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52% magenta, 6.9% yellow and 3.5% black. It has a hue angle of 308 degrees, a saturation of 87.7% and a lightness of 71.4%. #f676e5 color hex could be obtained by blending #ffecff with #ed00cb. Closest websafe color is: #ff66cc.
-
- R 96
- G 46
- B 90
-
- C 0
- M 52
- Y 7
- K 4
● #f676e5 color description : Soft magenta.
#f676e5 Color Conversion
The hexadecimal color #f676e5 has RGB values of R:246, G:118, B:229 and CMYK values of C:0, M:0.52, Y:0.07, K:0.04. Its decimal value is 16152293.
Hex triplet | f676e5 | #f676e5 |
---|---|---|
RGB Decimal | 246, 118, 229 | rgb(246,118,229) |
RGB Percent | 96.5, 46.3, 89.8 | rgb(96.5%,46.3%,89.8%) |
CMYK | 0, 52, 7, 4 | |
HSL | 308°, 87.7, 71.4 | hsl(308,87.7%,71.4%) |
HSV (or HSB) | 308°, 52, 96.5 | |
Web Safe | ff66cc | #ff66cc |
CIE-LAB | 68.175, 62.795, -34.139 |
---|---|
XYZ | 58.626, 38.21, 78.412 |
xyY | 0.335, 0.218, 38.21 |
CIE-LCH | 68.175, 71.475, 331.469 |
CIE-LUV | 68.175, 64.375, -63.544 |
Hunter-Lab | 61.814, 61.119, -31.94 |
Binary | 11110110, 01110110, 11100101 |
Color Schemes with #f676e5
Alternatives to #f676e5
Below, you can see some colors close to #f676e5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f676e5 Preview
This text has a font color of #f676e5.
<span style="color:#f676e5;">Text here</span>
This paragraph has a background color of #f676e5.
<p style="background-color:#f676e5;">Content here</p>
This element has a border color of #f676e5.
<div style="border:1px solid #f676e5;">Content here</div>
.text {color:#f676e5;}
.background {background-color:#f676e5;}
.border {border:1px solid #f676e5;}
Shades and Tints of #f676e5
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, #0a0109 is the darkest color, while #fef7fd is the lightest one.
-
#0a0109
#0a0109
rgb(10,1,9)
-
#1d0219
#1d0219
rgb(29,2,25)
-
#2f0329
#2f0329
rgb(47,3,41)
-
#410439
#410439
rgb(65,4,57)
-
#540649
#540649
rgb(84,6,73)
-
#66075a
#66075a
rgb(102,7,90)
-
#79086a
#79086a
rgb(121,8,106)
-
#8b097a
#8b097a
rgb(139,9,122)
-
#9d0a8a
#9d0a8a
rgb(157,10,138)
-
#b00c9a
#b00c9a
rgb(176,12,154)
-
#c20daa
#c20daa
rgb(194,13,170)
-
#d50eba
#d50eba
rgb(213,14,186)
-
#e70fca
#e70fca
rgb(231,15,202)
-
#f01ad4
#f01ad4
rgb(240,26,212)
-
#f12cd7
#f12cd7
rgb(241,44,215)
-
#f23fdb
#f23fdb
rgb(242,63,219)
-
#f451de
#f451de
rgb(244,81,222)
-
#f564e2
#f564e2
rgb(245,100,226)
-
#f676e5
#f676e5
rgb(246,118,229)
-
#f788e8
#f788e8
rgb(247,136,232)
-
#f89bec
#f89bec
rgb(248,155,236)
-
#faadef
#faadef
rgb(250,173,239)
-
#fbc0f3
#fbc0f3
rgb(251,192,243)
-
#fcd2f6
#fcd2f6
rgb(252,210,246)
-
#fde4fa
#fde4fa
rgb(253,228,250)
-
#fef7fd
#fef7fd
rgb(254,247,253)
Tones of #f676e5
A tone is produced by adding gray to any pure hue. In this case, #b8b4b8 is the less saturated color, while #fc70e9 is the most saturated one.
-
#b8b4b8
#b8b4b8
rgb(184,180,184)
-
#beaebc
#beaebc
rgb(190,174,188)
-
#c3a9c0
#c3a9c0
rgb(195,169,192)
-
#c9a3c4
#c9a3c4
rgb(201,163,196)
-
#cf9dc8
#cf9dc8
rgb(207,157,200)
-
#d498cc
#d498cc
rgb(212,152,204)
-
#da92d0
#da92d0
rgb(218,146,208)
-
#e08cd5
#e08cd5
rgb(224,140,213)
-
#e587d9
#e587d9
rgb(229,135,217)
-
#eb81dd
#eb81dd
rgb(235,129,221)
-
#f07ce1
#f07ce1
rgb(240,124,225)
-
#f676e5
#f676e5
rgb(246,118,229)
-
#fc70e9
#fc70e9
rgb(252,112,233)
Color Blindness Simulator
Below, you can see how #f676e5 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.