#f97daa hex color

In a RGB color space, hex #f97daa is composed of 97.6% red, 49% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.8% magenta, 31.7% yellow and 2.4% black. It has a hue angle of 338.2 degrees, a saturation of 91.2% and a lightness of 73.3%. #f97daa color hex could be obtained by blending #fffaff with #f30055. Closest websafe color is: #ff6699.

♥
- f
- t
- g
- R 98
- G 49
- B 67
RGB color chart
- C 0
- M 50
- Y 32
- K 2
CMYK color chart

● #f97daa color description : Soft pink.

The hexadecimal color #f97daa has RGB values of R:249, G:125, B:170 and CMYK values of C:0, M:0.5, Y:0.32, K:0.02. Its decimal value is 16350634.

Hex triplet	f97daa	`#f97daa`
RGB Decimal	249, 125, 170	`rgb(249,125,170)`
RGB Percent	97.6, 49, 66.7	`rgb(97.6%,49%,66.7%)`
CMYK	0, 50, 32, 2
HSL	338.2°, 91.2, 73.3	`hsl(338.2,91.2%,73.3%)`
HSV (or HSB)	338.2°, 49.8, 97.6
Web Safe	ff6699	`#ff6699`

CIE-LAB	67.809, 51.992, -1.645
XYZ	53.657, 37.713, 42.482
xyY	0.401, 0.282, 37.713
CIE-LCH	67.809, 52.018, 358.188
CIE-LUV	67.809, 78.945, -12.199
Hunter-Lab	61.411, 48.492, 1.973
Binary	11111001, 01111101, 10101010

#f97daa
```
#f97daa rgb(249,125,170)
```
#7df9cc
```
#7df9cc rgb(125,249,204)
```

Complementary Color

#f97de8
```
#f97de8 rgb(249,125,232)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#f98e7d
```
#f98e7d rgb(249,142,125)
```

Analogous Color

#7de8f9
```
#7de8f9 rgb(125,232,249)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#7df98e
```
#7df98e rgb(125,249,142)
```

Split Complementary Color

#7daaf9
```
#7daaf9 rgb(125,170,249)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#aaf97d
```
#aaf97d rgb(170,249,125)
```

Triadic Color

#cc7df9
```
#cc7df9 rgb(204,125,249)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#aaf97d
```
#aaf97d rgb(170,249,125)
```
#7df9cc
```
#7df9cc rgb(125,249,204)
```

Tetradic Color

#f6347a
```
#f6347a rgb(246,52,122)
```
#f74c8a
```
#f74c8a rgb(247,76,138)
```
#f8659a
```
#f8659a rgb(248,101,154)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#fa95ba
```
#fa95ba rgb(250,149,186)
```
#fbaeca
```
#fbaeca rgb(251,174,202)
```
#fcc6da
```
#fcc6da rgb(252,198,218)
```

Monochromatic Color

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

#f97dc9
```
#f97dc9 rgb(249,125,201)
```
#f97dbf
```
#f97dbf rgb(249,125,191)
```
#f97db4
```
#f97db4 rgb(249,125,180)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#f97da0
```
#f97da0 rgb(249,125,160)
```
#f97d95
```
#f97d95 rgb(249,125,149)
```
#f97d8b
```
#f97d8b rgb(249,125,139)
```

Similar Colors

Text with hexadecimal color #f97daa

This text has a font color of #f97daa.

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

#f97daa background color

This paragraph has a background color of #f97daa.

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

#f97daa border color

This element has a border color of #f97daa.

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

CSS codes

.text {color:#f97daa;}

.background {background-color:#f97daa;}

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

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 #feeef4 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140108
```
#140108 rgb(20,1,8)
```
#27020f
```
#27020f rgb(39,2,15)
```
#3a0317
```
#3a0317 rgb(58,3,23)
```
#4c041e
```
#4c041e rgb(76,4,30)
```
#5f0425
```
#5f0425 rgb(95,4,37)
```
#72052d
```
#72052d rgb(114,5,45)
```
#850634
```
#850634 rgb(133,6,52)
```
#97073b
```
#97073b rgb(151,7,59)
```
#aa0843
```
#aa0843 rgb(170,8,67)
```
#bd094a
```
#bd094a rgb(189,9,74)
```
#d00a51
```
#d00a51 rgb(208,10,81)
```
#e20a59
```
#e20a59 rgb(226,10,89)
```

Shade Color Variation

#f40d60
```
#f40d60 rgb(244,13,96)
```
#f51f6d
```
#f51f6d rgb(245,31,109)
```
#f63279
```
#f63279 rgb(246,50,121)
```
#f64585
```
#f64585 rgb(246,69,133)
```
#f75891
```
#f75891 rgb(247,88,145)
```
#f86a9e
```
#f86a9e rgb(248,106,158)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#fa90b6
```
#fa90b6 rgb(250,144,182)
```
#fba3c3
```
#fba3c3 rgb(251,163,195)
```
#fcb5cf
```
#fcb5cf rgb(252,181,207)
```
#fcc8db
```
#fcc8db rgb(252,200,219)
```
#fddbe7
```
#fddbe7 rgb(253,219,231)
```
#feeef4
```
#feeef4 rgb(254,238,244)
```

Tint Color Variation

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

#bfb7ba
```
#bfb7ba rgb(191,183,186)
```
#c5b1b8
```
#c5b1b8 rgb(197,177,184)
```
#caacb7
```
#caacb7 rgb(202,172,183)
```
#cfa7b5
```
#cfa7b5 rgb(207,167,181)
```
#d4a2b4
```
#d4a2b4 rgb(212,162,180)
```
#da9cb3
```
#da9cb3 rgb(218,156,179)
```
#df97b1
```
#df97b1 rgb(223,151,177)
```
#e492b0
```
#e492b0 rgb(228,146,176)
```
#e98dae
```
#e98dae rgb(233,141,174)
```
#ef87ad
```
#ef87ad rgb(239,135,173)
```
#f482ab
```
#f482ab rgb(244,130,171)
```
#f97daa
```
#f97daa rgb(249,125,170)
```
#fe78a9
```
#fe78a9 rgb(254,120,169)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b79fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a8c2 Protanopia 1% of men
#baa4a6 Deuteranopia 1% of men
#f68992 Tritanopia 0.001% of the population

Trichromacy

#c398b9 Protanomaly 1% of men, 0.01% of women
#d196a7 Deuteranomaly 6% of men, 0.4% of women
#f7849a Tritanomaly 0.01% of the population

#f97daa hex color

#f97daa Color Information

#f97daa Color Conversion

Color Schemes with #f97daa

Alternatives to #f97daa

#f97daa Preview

Shades and Tints of #f97daa

Tones of #f97daa

Color Blindness Simulator