#f64552 Color Information
In a RGB color space, hex #f64552 is composed of 96.5% red, 27.1% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 66.7% yellow and 3.5% black. It has a hue angle of 355.6 degrees, a saturation of 90.8% and a lightness of 61.8%. #f64552 color hex could be obtained by blending #ff8aa4 with #ed0000. Closest websafe color is: #ff3366.
-
- R 96
- G 27
- B 32
-
- C 0
- M 72
- Y 67
- K 4
● #f64552 color description : Bright red.
#f64552 Color Conversion
The hexadecimal color #f64552 has RGB values of R:246, G:69, B:82 and CMYK values of C:0, M:0.72, Y:0.67, K:0.04. Its decimal value is 16139602.
| Hex triplet | f64552 | #f64552 |
|---|---|---|
| RGB Decimal | 246, 69, 82 | rgb(246,69,82) |
| RGB Percent | 96.5, 27.1, 32.2 | rgb(96.5%,27.1%,32.2%) |
| CMYK | 0, 72, 67, 4 | |
| HSL | 355.6°, 90.8, 61.8 | hsl(355.6,90.8%,61.8%) |
| HSV (or HSB) | 355.6°, 72, 96.5 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 56.548, 67.095, 33.338 |
|---|---|
| XYZ | 41.659, 24.463, 10.51 |
| xyY | 0.544, 0.319, 24.463 |
| CIE-LCH | 56.548, 74.922, 26.422 |
| CIE-LUV | 56.548, 132.883, 23.443 |
| Hunter-Lab | 49.46, 63.79, 22.023 |
| Binary | 11110110, 01000101, 01010010 |
Color Schemes with #f64552
Alternatives to #f64552
Below, you can see some colors close to #f64552. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f64552 Preview
This text has a font color of #f64552.
<span style="color:#f64552;">Text here</span>
This paragraph has a background color of #f64552.
<p style="background-color:#f64552;">Content here</p>
This element has a border color of #f64552.
<div style="border:1px solid #f64552;">Content here</div>
.text {color:#f64552;}
.background {background-color:#f64552;}
.border {border:1px solid #f64552;}
Shades and Tints of #f64552
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
#010000rgb(1,0,0) -
#140102
#140102rgb(20,1,2) -
#270205
#270205rgb(39,2,5) -
#390307
#390307rgb(57,3,7) -
#4c0409
#4c0409rgb(76,4,9) -
#5f050b
#5f050brgb(95,5,11) -
#71050d
#71050drgb(113,5,13) -
#840610
#840610rgb(132,6,16) -
#970712
#970712rgb(151,7,18) -
#a90814
#a90814rgb(169,8,20) -
#bc0916
#bc0916rgb(188,9,22) -
#cf0a18
#cf0a18rgb(207,10,24) -
#e20b1b
#e20b1brgb(226,11,27)
-
#f30d1e
#f30d1ergb(243,13,30) -
#f4202f
#f4202frgb(244,32,47) -
#f53241
#f53241rgb(245,50,65) -
#f64552
#f64552rgb(246,69,82) -
#f75863
#f75863rgb(247,88,99) -
#f86a75
#f86a75rgb(248,106,117) -
#f97d86
#f97d86rgb(249,125,134) -
#fa9098
#fa9098rgb(250,144,152) -
#fba3a9
#fba3a9rgb(251,163,169) -
#fbb5ba
#fbb5bargb(251,181,186) -
#fcc8cc
#fcc8ccrgb(252,200,204) -
#fddbdd
#fddbddrgb(253,219,221) -
#feedef
#feedefrgb(254,237,239)
Tones of #f64552
A tone is produced by adding gray to any pure hue. In this case, #a49898 is the less saturated color, while #fe3e4c is the most saturated one.
-
#a49898
#a49898rgb(164,152,152) -
#ab9092
#ab9092rgb(171,144,146) -
#b3898c
#b3898crgb(179,137,140) -
#ba8185
#ba8185rgb(186,129,133) -
#c27a7f
#c27a7frgb(194,122,127) -
#c97278
#c97278rgb(201,114,120) -
#d16b72
#d16b72rgb(209,107,114) -
#d8636c
#d8636crgb(216,99,108) -
#e05c65
#e05c65rgb(224,92,101) -
#e7545f
#e7545frgb(231,84,95) -
#ef4d58
#ef4d58rgb(239,77,88) -
#f64552
#f64552rgb(246,69,82) -
#fe3e4c
#fe3e4crgb(254,62,76)
Color Blindness Simulator
Below, you can see how #f64552 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.
