#f45a6b Color Information
In a RGB color space, hex #f45a6b is composed of 95.7% red, 35.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 56.1% yellow and 4.3% black. It has a hue angle of 353.4 degrees, a saturation of 87.5% and a lightness of 65.5%. #f45a6b color hex could be obtained by blending #ffb4d6 with #e90000. Closest websafe color is: #ff6666.
-
- R 96
- G 35
- B 42
-
- C 0
- M 63
- Y 56
- K 4
● #f45a6b color description : Soft red.
#f45a6b Color Conversion
The hexadecimal color #f45a6b has RGB values of R:244, G:90, B:107 and CMYK values of C:0, M:0.63, Y:0.56, K:0.04. Its decimal value is 16013931.
Hex triplet | f45a6b | #f45a6b |
---|---|---|
RGB Decimal | 244, 90, 107 | rgb(244,90,107) |
RGB Percent | 95.7, 35.3, 42 | rgb(95.7%,35.3%,42%) |
CMYK | 0, 63, 56, 4 | |
HSL | 353.4°, 87.5, 65.5 | hsl(353.4,87.5%,65.5%) |
HSV (or HSB) | 353.4°, 63.1, 95.7 | |
Web Safe | ff6666 | #ff6666 |
CIE-LAB | 59.536, 60.086, 22.663 |
---|---|
XYZ | 43.62, 27.611, 16.942 |
xyY | 0.495, 0.313, 27.611 |
CIE-LCH | 59.536, 64.218, 20.666 |
CIE-LUV | 59.536, 112.385, 15.673 |
Hunter-Lab | 52.547, 56.219, 17.667 |
Binary | 11110100, 01011010, 01101011 |
Color Schemes with #f45a6b
Alternatives to #f45a6b
Below, you can see some colors close to #f45a6b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45a6b Preview
This text has a font color of #f45a6b.
<span style="color:#f45a6b;">Text here</span>
This paragraph has a background color of #f45a6b.
<p style="background-color:#f45a6b;">Content here</p>
This element has a border color of #f45a6b.
<div style="border:1px solid #f45a6b;">Content here</div>
.text {color:#f45a6b;}
.background {background-color:#f45a6b;}
.border {border:1px solid #f45a6b;}
Shades and Tints of #f45a6b
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 #feedef is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130103
#130103
rgb(19,1,3)
-
#250206
#250206
rgb(37,2,6)
-
#380409
#380409
rgb(56,4,9)
-
#4a050d
#4a050d
rgb(74,5,13)
-
#5c0610
#5c0610
rgb(92,6,16)
-
#6f0713
#6f0713
rgb(111,7,19)
-
#810916
#810916
rgb(129,9,22)
-
#940a19
#940a19
rgb(148,10,25)
-
#a60b1c
#a60b1c
rgb(166,11,28)
-
#b80c1f
#b80c1f
rgb(184,12,31)
-
#cb0e22
#cb0e22
rgb(203,14,34)
-
#dd0f26
#dd0f26
rgb(221,15,38)
-
#ef1029
#ef1029
rgb(239,16,41)
-
#f0233a
#f0233a
rgb(240,35,58)
-
#f2354a
#f2354a
rgb(242,53,74)
-
#f3485b
#f3485b
rgb(243,72,91)
-
#f45a6b
#f45a6b
rgb(244,90,107)
-
#f56c7b
#f56c7b
rgb(245,108,123)
-
#f67f8c
#f67f8c
rgb(246,127,140)
-
#f8919c
#f8919c
rgb(248,145,156)
-
#f9a4ad
#f9a4ad
rgb(249,164,173)
-
#fab6bd
#fab6bd
rgb(250,182,189)
-
#fbc8ce
#fbc8ce
rgb(251,200,206)
-
#fddbde
#fddbde
rgb(253,219,222)
-
#feedef
#feedef
rgb(254,237,239)
Tones of #f45a6b
A tone is produced by adding gray to any pure hue. In this case, #aaa4a5 is the less saturated color, while #fb5366 is the most saturated one.
-
#aaa4a5
#aaa4a5
rgb(170,164,165)
-
#b09ea0
#b09ea0
rgb(176,158,160)
-
#b7979a
#b7979a
rgb(183,151,154)
-
#be9095
#be9095
rgb(190,144,149)
-
#c58990
#c58990
rgb(197,137,144)
-
#cb838b
#cb838b
rgb(203,131,139)
-
#d27c85
#d27c85
rgb(210,124,133)
-
#d97580
#d97580
rgb(217,117,128)
-
#e06e7b
#e06e7b
rgb(224,110,123)
-
#e66876
#e66876
rgb(230,104,118)
-
#ed6170
#ed6170
rgb(237,97,112)
-
#f45a6b
#f45a6b
rgb(244,90,107)
-
#fb5366
#fb5366
rgb(251,83,102)
Color Blindness Simulator
Below, you can see how #f45a6b 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.