#f5a298 hex color

In a RGB color space, hex #f5a298 is composed of 96.1% red, 63.5% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.9% magenta, 38% yellow and 3.9% black. It has a hue angle of 6.5 degrees, a saturation of 82.3% and a lightness of 77.8%. #f5a298 color hex could be obtained by blending #ffffff with #eb4531. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 64
- B 60
RGB color chart
- C 0
- M 34
- Y 38
- K 4
CMYK color chart

● #f5a298 color description : Very soft red.

The hexadecimal color #f5a298 has RGB values of R:245, G:162, B:152 and CMYK values of C:0, M:0.34, Y:0.38, K:0.04. Its decimal value is 16097944.

Hex triplet	f5a298	`#f5a298`
RGB Decimal	245, 162, 152	`rgb(245,162,152)`
RGB Percent	96.1, 63.5, 59.6	`rgb(96.1%,63.5%,59.6%)`
CMYK	0, 34, 38, 4
HSL	6.5°, 82.3, 77.8	`hsl(6.5,82.3%,77.8%)`
HSV (or HSB)	6.5°, 38, 96.1
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.523, 29.589, 17.888
XYZ	56.244, 47.523, 35.915
xyY	0.403, 0.34, 47.523
CIE-LCH	74.523, 34.575, 31.155
CIE-LUV	74.523, 56.906, 18.843
Hunter-Lab	68.937, 24.994, 17.367
Binary	11110101, 10100010, 10011000

#f5a298
```
#f5a298 rgb(245,162,152)
```
#98ebf5
```
#98ebf5 rgb(152,235,245)
```

Complementary Color

#f598bd
```
#f598bd rgb(245,152,189)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#f5d198
```
#f5d198 rgb(245,209,152)
```

Analogous Color

#98bdf5
```
#98bdf5 rgb(152,189,245)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#98f5d1
```
#98f5d1 rgb(152,245,209)
```

Split Complementary Color

#a298f5
```
#a298f5 rgb(162,152,245)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#98f5a2
```
#98f5a2 rgb(152,245,162)
```

Triadic Color

#f598eb
```
#f598eb rgb(245,152,235)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#98f5a2
```
#98f5a2 rgb(152,245,162)
```
#98ebf5
```
#98ebf5 rgb(152,235,245)
```

Tetradic Color

#ee6352
```
#ee6352 rgb(238,99,82)
```
#f0786a
```
#f0786a rgb(240,120,106)
```
#f38d81
```
#f38d81 rgb(243,141,129)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#f7b7af
```
#f7b7af rgb(247,183,175)
```
#faccc6
```
#faccc6 rgb(250,204,198)
```
#fce1de
```
#fce1de rgb(252,225,222)
```

Monochromatic Color

Below, you can see some colors close to #f5a298. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#f598a5
```
#f598a5 rgb(245,152,165)
```
#f5989e
```
#f5989e rgb(245,152,158)
```
#f59a98
```
#f59a98 rgb(245,154,152)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#f5aa98
```
#f5aa98 rgb(245,170,152)
```
#f5b298
```
#f5b298 rgb(245,178,152)
```
#f5b998
```
#f5b998 rgb(245,185,152)
```

Similar Colors

Text with hexadecimal color #f5a298

This text has a font color of #f5a298.

<span style="color:#f5a298;">Text here</span>

#f5a298 background color

This paragraph has a background color of #f5a298.

<p style="background-color:#f5a298;">Content here</p>

#f5a298 border color

This element has a border color of #f5a298.

<div style="border:1px solid #f5a298;">Content here</div>

CSS codes

.text {color:#f5a298;}

.background {background-color:#f5a298;}

.border {border:1px solid #f5a298;}

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, #040100 is the darkest color, while #fef3f1 is the lightest one.

#040100
```
#040100 rgb(4,1,0)
```
#160402
```
#160402 rgb(22,4,2)
```
#280804
```
#280804 rgb(40,8,4)
```
#3a0b06
```
#3a0b06 rgb(58,11,6)
```
#4c0f07
```
#4c0f07 rgb(76,15,7)
```
#5e1209
```
#5e1209 rgb(94,18,9)
```
#70160b
```
#70160b rgb(112,22,11)
```
#81190d
```
#81190d rgb(129,25,13)
```
#931d0e
```
#931d0e rgb(147,29,14)
```
#a52010
```
#a52010 rgb(165,32,16)
```
#b72412
```
#b72412 rgb(183,36,18)
```
#c92714
```
#c92714 rgb(201,39,20)
```
#db2a15
```
#db2a15 rgb(219,42,21)
```

Shade Color Variation

#e9311b
```
#e9311b rgb(233,49,27)
```
#eb412d
```
#eb412d rgb(235,65,45)
```
#ec513f
```
#ec513f rgb(236,81,63)
```
#ee6150
```
#ee6150 rgb(238,97,80)
```
#f07262
```
#f07262 rgb(240,114,98)
```
#f28274
```
#f28274 rgb(242,130,116)
```
#f39286
```
#f39286 rgb(243,146,134)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#f7b2aa
```
#f7b2aa rgb(247,178,170)
```
#f8c2bc
```
#f8c2bc rgb(248,194,188)
```
#fad2ce
```
#fad2ce rgb(250,210,206)
```
#fce3e0
```
#fce3e0 rgb(252,227,224)
```
#fef3f1
```
#fef3f1 rgb(254,243,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #cac4c3 is the less saturated color, while #fe9b8f is the most saturated one.

#cac4c3
```
#cac4c3 rgb(202,196,195)
```
#cec1bf
```
#cec1bf rgb(206,193,191)
```
#d2bdbb
```
#d2bdbb rgb(210,189,187)
```
#d7bab6
```
#d7bab6 rgb(215,186,182)
```
#dbb6b2
```
#dbb6b2 rgb(219,182,178)
```
#dfb3ae
```
#dfb3ae rgb(223,179,174)
```
#e4b0a9
```
#e4b0a9 rgb(228,176,169)
```
#e8aca5
```
#e8aca5 rgb(232,172,165)
```
#eca9a1
```
#eca9a1 rgb(236,169,161)
```
#f1a59c
```
#f1a59c rgb(241,165,156)
```
#f5a298
```
#f5a298 rgb(245,162,152)
```
#f99f94
```
#f99f94 rgb(249,159,148)
```
#fe9b8f
```
#fe9b8f rgb(254,155,143)
```

Tone Color Variation

Below, you can see how #f5a298 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.

Monochromacy

#bababa Achromatopsia 0.005% of the population
#c6b5b3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3baa6 Protanopia 1% of men
#d8b499 Deuteranopia 1% of men
#f7a4af Tritanopia 0.001% of the population

Trichromacy

#d5b1a1 Protanomaly 1% of men, 0.01% of women
#e2ad99 Deuteranomaly 6% of men, 0.4% of women
#f6a3a6 Tritanomaly 0.01% of the population

#f5a298 hex color

#f5a298 Color Information

#f5a298 Color Conversion

Color Schemes with #f5a298

Alternatives to #f5a298

#f5a298 Preview

Shades and Tints of #f5a298

Tones of #f5a298

Color Blindness Simulator