#f2a688 hex color

In a RGB color space, hex #f2a688 is composed of 94.9% red, 65.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 43.8% yellow and 5.1% black. It has a hue angle of 17 degrees, a saturation of 80.3% and a lightness of 74.1%. #f2a688 color hex could be obtained by blending #ffffff with #e54d11. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 95
- G 65
- B 53
RGB color chart
- C 0
- M 31
- Y 44
- K 5
CMYK color chart

● #f2a688 color description : Very soft orange.

The hexadecimal color #f2a688 has RGB values of R:242, G:166, B:136 and CMYK values of C:0, M:0.31, Y:0.44, K:0.05. Its decimal value is 15902344.

Hex triplet	f2a688	`#f2a688`
RGB Decimal	242, 166, 136	`rgb(242,166,136)`
RGB Percent	94.9, 65.1, 53.3	`rgb(94.9%,65.1%,53.3%)`
CMYK	0, 31, 44, 5
HSL	17°, 80.3, 74.1	`hsl(17,80.3%,74.1%)`
HSV (or HSB)	17°, 43.8, 94.9
Web Safe	ff9999	`#ff9999`

CIE-LAB	74.781, 24.597, 26.868
XYZ	54.699, 47.93, 29.662
xyY	0.413, 0.362, 47.93
CIE-LCH	74.781, 36.426, 47.527
CIE-LUV	74.781, 54.24, 30.842
Hunter-Lab	69.232, 19.874, 23.06
Binary	11110010, 10100110, 10001000

#f2a688
```
#f2a688 rgb(242,166,136)
```
#88d4f2
```
#88d4f2 rgb(136,212,242)
```

Complementary Color

#f2889f
```
#f2889f rgb(242,136,159)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#f2db88
```
#f2db88 rgb(242,219,136)
```

Analogous Color

#889ff2
```
#889ff2 rgb(136,159,242)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#88f2db
```
#88f2db rgb(136,242,219)
```

Split Complementary Color

#a688f2
```
#a688f2 rgb(166,136,242)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#88f2a6
```
#88f2a6 rgb(136,242,166)
```

Triadic Color

#f288d4
```
#f288d4 rgb(242,136,212)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#88f2a6
```
#88f2a6 rgb(136,242,166)
```
#88d4f2
```
#88d4f2 rgb(136,212,242)
```

Tetradic Color

#ea7243
```
#ea7243 rgb(234,114,67)
```
#ed845a
```
#ed845a rgb(237,132,90)
```
#ef9571
```
#ef9571 rgb(239,149,113)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#f5b79f
```
#f5b79f rgb(245,183,159)
```
#f7c8b6
```
#f7c8b6 rgb(247,200,182)
```
#fadacd
```
#fadacd rgb(250,218,205)
```

Monochromatic Color

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

#f28c88
```
#f28c88 rgb(242,140,136)
```
#f29488
```
#f29488 rgb(242,148,136)
```
#f29d88
```
#f29d88 rgb(242,157,136)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#f2af88
```
#f2af88 rgb(242,175,136)
```
#f2b888
```
#f2b888 rgb(242,184,136)
```
#f2c188
```
#f2c188 rgb(242,193,136)
```

Similar Colors

Text with hexadecimal color #f2a688

This text has a font color of #f2a688.

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

#f2a688 background color

This paragraph has a background color of #f2a688.

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

#f2a688 border color

This element has a border color of #f2a688.

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

CSS codes

.text {color:#f2a688;}

.background {background-color:#f2a688;}

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

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

#050201
```
#050201 rgb(5,2,1)
```
#160802
```
#160802 rgb(22,8,2)
```
#280f04
```
#280f04 rgb(40,15,4)
```
#3a1506
```
#3a1506 rgb(58,21,6)
```
#4c1b08
```
#4c1b08 rgb(76,27,8)
```
#5d220a
```
#5d220a rgb(93,34,10)
```
#6f280c
```
#6f280c rgb(111,40,12)
```
#812e0e
```
#812e0e rgb(129,46,14)
```
#923510
```
#923510 rgb(146,53,16)
```
#a43b12
```
#a43b12 rgb(164,59,18)
```
#b64214
```
#b64214 rgb(182,66,20)
```
#c74816
```
#c74816 rgb(199,72,22)
```
#d94e18
```
#d94e18 rgb(217,78,24)
```

Shade Color Variation

#e6571e
```
#e6571e rgb(230,87,30)
```
#e86430
```
#e86430 rgb(232,100,48)
```
#ea7141
```
#ea7141 rgb(234,113,65)
```
#ec7e53
```
#ec7e53 rgb(236,126,83)
```
#ee8c65
```
#ee8c65 rgb(238,140,101)
```
#f09976
```
#f09976 rgb(240,153,118)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#f4b39a
```
#f4b39a rgb(244,179,154)
```
#f6c0ab
```
#f6c0ab rgb(246,192,171)
```
#f8cebd
```
#f8cebd rgb(248,206,189)
```
#fadbcf
```
#fadbcf rgb(250,219,207)
```
#fce8e0
```
#fce8e0 rgb(252,232,224)
```
#fef5f2
```
#fef5f2 rgb(254,245,242)
```

Tint Color Variation

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

#bfbcbb
```
#bfbcbb rgb(191,188,187)
```
#c4bab6
```
#c4bab6 rgb(196,186,182)
```
#c9b8b1
```
#c9b8b1 rgb(201,184,177)
```
#ceb5ac
```
#ceb5ac rgb(206,181,172)
```
#d4b3a6
```
#d4b3a6 rgb(212,179,166)
```
#d9b1a1
```
#d9b1a1 rgb(217,177,161)
```
#deaf9c
```
#deaf9c rgb(222,175,156)
```
#e3ad97
```
#e3ad97 rgb(227,173,151)
```
#e8aa92
```
#e8aa92 rgb(232,170,146)
```
#eda88d
```
#eda88d rgb(237,168,141)
```
#f2a688
```
#f2a688 rgb(242,166,136)
```
#f7a483
```
#f7a483 rgb(247,164,131)
```
#fca27e
```
#fca27e rgb(252,162,126)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c4b5af Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7bb95 Protanopia 1% of men
#dcb48b Deuteranopia 1% of men
#f6a5b0 Tritanopia 0.001% of the population

Trichromacy

#d6b390 Protanomaly 1% of men, 0.01% of women
#e4af8a Deuteranomaly 6% of men, 0.4% of women
#f4a5a2 Tritanomaly 0.01% of the population

#f2a688 hex color

#f2a688 Color Information

#f2a688 Color Conversion

Color Schemes with #f2a688

Alternatives to #f2a688

#f2a688 Preview

Shades and Tints of #f2a688

Tones of #f2a688

Color Blindness Simulator