#f2b174 hex color

In a RGB color space, hex #f2b174 is composed of 94.9% red, 69.4% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.9% magenta, 52.1% yellow and 5.1% black. It has a hue angle of 29 degrees, a saturation of 82.9% and a lightness of 70.2%. #f2b174 color hex could be obtained by blending #ffffe8 with #e56300. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 69
- B 45
RGB color chart
- C 0
- M 27
- Y 52
- K 5
CMYK color chart

● #f2b174 color description : Soft orange.

The hexadecimal color #f2b174 has RGB values of R:242, G:177, B:116 and CMYK values of C:0, M:0.27, Y:0.52, K:0.05. Its decimal value is 15905140.

Hex triplet	f2b174	`#f2b174`
RGB Decimal	242, 177, 116	`rgb(242,177,116)`
RGB Percent	94.9, 69.4, 45.5	`rgb(94.9%,69.4%,45.5%)`
CMYK	0, 27, 52, 5
HSL	29°, 82.9, 70.2	`hsl(29,82.9%,70.2%)`
HSV (or HSB)	29°, 52.1, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.032, 16.897, 40.337
XYZ	55.493, 51.585, 23.556
xyY	0.425, 0.395, 51.585
CIE-LCH	77.032, 43.733, 67.271
CIE-LUV	77.032, 48.881, 47.618
Hunter-Lab	71.823, 12.226, 30.83
Binary	11110010, 10110001, 01110100

#f2b174
```
#f2b174 rgb(242,177,116)
```
#74b5f2
```
#74b5f2 rgb(116,181,242)
```

Complementary Color

#f27476
```
#f27476 rgb(242,116,118)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#f2f074
```
#f2f074 rgb(242,240,116)
```

Analogous Color

#7476f2
```
#7476f2 rgb(116,118,242)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#74f2f0
```
#74f2f0 rgb(116,242,240)
```

Split Complementary Color

#b174f2
```
#b174f2 rgb(177,116,242)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#74f2b1
```
#74f2b1 rgb(116,242,177)
```

Triadic Color

#f274b5
```
#f274b5 rgb(242,116,181)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#74f2b1
```
#74f2b1 rgb(116,242,177)
```
#74b5f2
```
#74b5f2 rgb(116,181,242)
```

Tetradic Color

#eb8a2e
```
#eb8a2e rgb(235,138,46)
```
#ee9745
```
#ee9745 rgb(238,151,69)
```
#f0a45d
```
#f0a45d rgb(240,164,93)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#f4be8b
```
#f4be8b rgb(244,190,139)
```
#f6cba3
```
#f6cba3 rgb(246,203,163)
```
#f9d8ba
```
#f9d8ba rgb(249,216,186)
```

Monochromatic Color

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

#f29274
```
#f29274 rgb(242,146,116)
```
#f29c74
```
#f29c74 rgb(242,156,116)
```
#f2a774
```
#f2a774 rgb(242,167,116)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#f2bc74
```
#f2bc74 rgb(242,188,116)
```
#f2c674
```
#f2c674 rgb(242,198,116)
```
#f2d174
```
#f2d174 rgb(242,209,116)
```

Similar Colors

Text with hexadecimal color #f2b174

This text has a font color of #f2b174.

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

#f2b174 background color

This paragraph has a background color of #f2b174.

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

#f2b174 border color

This element has a border color of #f2b174.

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

CSS codes

.text {color:#f2b174;}

.background {background-color:#f2b174;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#160c02
```
#160c02 rgb(22,12,2)
```
#281504
```
#281504 rgb(40,21,4)
```
#3a1f05
```
#3a1f05 rgb(58,31,5)
```
#4c2907
```
#4c2907 rgb(76,41,7)
```
#5e3209
```
#5e3209 rgb(94,50,9)
```
#703c0a
```
#703c0a rgb(112,60,10)
```
#82450c
```
#82450c rgb(130,69,12)
```
#944f0e
```
#944f0e rgb(148,79,14)
```
#a65810
```
#a65810 rgb(166,88,16)
```
#b86211
```
#b86211 rgb(184,98,17)
```
#ca6b13
```
#ca6b13 rgb(202,107,19)
```
#dc7515
```
#dc7515 rgb(220,117,21)
```

Shade Color Variation

#ea7f1a
```
#ea7f1a rgb(234,127,26)
```
#eb892c
```
#eb892c rgb(235,137,44)
```
#ed933e
```
#ed933e rgb(237,147,62)
```
#ef9d50
```
#ef9d50 rgb(239,157,80)
```
#f0a762
```
#f0a762 rgb(240,167,98)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#f4bb86
```
#f4bb86 rgb(244,187,134)
```
#f5c598
```
#f5c598 rgb(245,197,152)
```
#f7cfaa
```
#f7cfaa rgb(247,207,170)
```
#f9d9bc
```
#f9d9bc rgb(249,217,188)
```
#fae3ce
```
#fae3ce rgb(250,227,206)
```
#fcede0
```
#fcede0 rgb(252,237,224)
```
#fef7f2
```
#fef7f2 rgb(254,247,242)
```

Tint Color Variation

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

#b8b3ae
```
#b8b3ae rgb(184,179,174)
```
#bdb3a9
```
#bdb3a9 rgb(189,179,169)
```
#c3b2a3
```
#c3b2a3 rgb(195,178,163)
```
#c9b29d
```
#c9b29d rgb(201,178,157)
```
#cfb297
```
#cfb297 rgb(207,178,151)
```
#d5b291
```
#d5b291 rgb(213,178,145)
```
#dbb28b
```
#dbb28b rgb(219,178,139)
```
#e0b286
```
#e0b286 rgb(224,178,134)
```
#e6b180
```
#e6b180 rgb(230,177,128)
```
#ecb17a
```
#ecb17a rgb(236,177,122)
```
#f2b174
```
#f2b174 rgb(242,177,116)
```
#f8b16e
```
#f8b16e rgb(248,177,110)
```
#feb168
```
#feb168 rgb(254,177,104)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8bbae Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c17f Protanopia 1% of men
#e8b979 Deuteranopia 1% of men
#f8adb9 Tritanopia 0.001% of the population

Trichromacy

#ddbb7b Protanomaly 1% of men, 0.01% of women
#ecb677 Deuteranomaly 6% of men, 0.4% of women
#f6ae9f Tritanomaly 0.01% of the population

#f2b174 hex color

#f2b174 Color Information

#f2b174 Color Conversion

Color Schemes with #f2b174

Alternatives to #f2b174

#f2b174 Preview

Shades and Tints of #f2b174

Tones of #f2b174

Color Blindness Simulator