#fa5e63 Color Information
In a RGB color space, hex #fa5e63 is composed of 98% red, 36.9% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.4% magenta, 60.4% yellow and 2% black. It has a hue angle of 358.1 degrees, a saturation of 94% and a lightness of 67.5%. #fa5e63 color hex could be obtained by blending #ffbcc6 with #f50000. Closest websafe color is: #ff6666.
-
- R 98
- G 37
- B 39
-
- C 0
- M 62
- Y 60
- K 2
● #fa5e63 color description : Soft red.
#fa5e63 Color Conversion
The hexadecimal color #fa5e63 has RGB values of R:250, G:94, B:99 and CMYK values of C:0, M:0.62, Y:0.6, K:0.02. Its decimal value is 16408163.
| Hex triplet | fa5e63 | #fa5e63 |
|---|---|---|
| RGB Decimal | 250, 94, 99 | rgb(250,94,99) |
| RGB Percent | 98, 36.9, 38.8 | rgb(98%,36.9%,38.8%) |
| CMYK | 0, 62, 60, 2 | |
| HSL | 358.1°, 94, 67.5 | hsl(358.1,94%,67.5%) |
| HSV (or HSB) | 358.1°, 62.4, 98 | |
| Web Safe | ff6666 | #ff6666 |
| CIE-LAB | 60.988, 59.807, 29.351 |
|---|---|
| XYZ | 45.681, 29.235, 15.041 |
| xyY | 0.508, 0.325, 29.235 |
| CIE-LCH | 60.988, 66.62, 26.14 |
| CIE-LUV | 60.988, 116.833, 22.783 |
| Hunter-Lab | 54.069, 56.185, 21.355 |
| Binary | 11111010, 01011110, 01100011 |
Color Schemes with #fa5e63
Alternatives to #fa5e63
Below, you can see some colors close to #fa5e63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fa5e63 Preview
This text has a font color of #fa5e63.
<span style="color:#fa5e63;">Text here</span>
This paragraph has a background color of #fa5e63.
<p style="background-color:#fa5e63;">Content here</p>
This element has a border color of #fa5e63.
<div style="border:1px solid #fa5e63;">Content here</div>
.text {color:#fa5e63;}
.background {background-color:#fa5e63;}
.border {border:1px solid #fa5e63;}
Shades and Tints of #fa5e63
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, #0a0001 is the darkest color, while #fff6f6 is the lightest one.
-
#0a0001
#0a0001rgb(10,0,1) -
#1d0102
#1d0102rgb(29,1,2) -
#300103
#300103rgb(48,1,3) -
#430204
#430204rgb(67,2,4) -
#560305
#560305rgb(86,3,5) -
#690307
#690307rgb(105,3,7) -
#7c0408
#7c0408rgb(124,4,8) -
#8f0409
#8f0409rgb(143,4,9) -
#a2050a
#a2050argb(162,5,10) -
#b5060b
#b5060brgb(181,6,11) -
#c8060c
#c8060crgb(200,6,12) -
#db070e
#db070ergb(219,7,14) -
#ef070f
#ef070frgb(239,7,15)
-
#f81219
#f81219rgb(248,18,25) -
#f8252c
#f8252crgb(248,37,44) -
#f9383e
#f9383ergb(249,56,62) -
#f94b51
#f94b51rgb(249,75,81) -
#fa5e63
#fa5e63rgb(250,94,99) -
#fb7175
#fb7175rgb(251,113,117) -
#fb8488
#fb8488rgb(251,132,136) -
#fc979a
#fc979argb(252,151,154) -
#fcaaad
#fcaaadrgb(252,170,173) -
#fdbdbf
#fdbdbfrgb(253,189,191) -
#fed0d2
#fed0d2rgb(254,208,210) -
#fee3e4
#fee3e4rgb(254,227,228) -
#fff6f6
#fff6f6rgb(255,246,246)
Tones of #fa5e63
A tone is produced by adding gray to any pure hue. In this case, #adabab is the less saturated color, while #fa5e63 is the most saturated one.
-
#adabab
#adababrgb(173,171,171) -
#b4a4a5
#b4a4a5rgb(180,164,165) -
#ba9e9f
#ba9e9frgb(186,158,159) -
#c19799
#c19799rgb(193,151,153) -
#c79193
#c79193rgb(199,145,147) -
#cd8b8d
#cd8b8drgb(205,139,141) -
#d48487
#d48487rgb(212,132,135) -
#da7e81
#da7e81rgb(218,126,129) -
#e0787b
#e0787brgb(224,120,123) -
#e77175
#e77175rgb(231,113,117) -
#ed6b6f
#ed6b6frgb(237,107,111) -
#f46469
#f46469rgb(244,100,105) -
#fa5e63
#fa5e63rgb(250,94,99)
Color Blindness Simulator
Below, you can see how #fa5e63 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.
