#f2b48f hex color

In a RGB color space, hex #f2b48f is composed of 94.9% red, 70.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.6% magenta, 40.9% yellow and 5.1% black. It has a hue angle of 22.4 degrees, a saturation of 79.2% and a lightness of 75.5%. #f2b48f color hex could be obtained by blending #ffffff with #e5691f. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 71
- B 56
RGB color chart
- C 0
- M 26
- Y 41
- K 5
CMYK color chart

● #f2b48f color description : Very soft orange.

The hexadecimal color #f2b48f has RGB values of R:242, G:180, B:143 and CMYK values of C:0, M:0.26, Y:0.41, K:0.05. Its decimal value is 15905935.

Hex triplet	f2b48f	`#f2b48f`
RGB Decimal	242, 180, 143	`rgb(242,180,143)`
RGB Percent	94.9, 70.6, 56.1	`rgb(94.9%,70.6%,56.1%)`
CMYK	0, 26, 41, 5
HSL	22.4°, 79.2, 75.5	`hsl(22.4,79.2%,75.5%)`
HSV (or HSB)	22.4°, 40.9, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	78.173, 17.932, 27.667
XYZ	57.897, 53.506, 33.263
xyY	0.4, 0.37, 53.506
CIE-LCH	78.173, 32.97, 57.052
CIE-LUV	78.173, 44.035, 33.675
Hunter-Lab	73.148, 13.277, 24.242
Binary	11110010, 10110100, 10001111

#f2b48f
```
#f2b48f rgb(242,180,143)
```
#8fcdf2
```
#8fcdf2 rgb(143,205,242)
```

Complementary Color

#f28f9c
```
#f28f9c rgb(242,143,156)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#f2e68f
```
#f2e68f rgb(242,230,143)
```

Analogous Color

#8f9cf2
```
#8f9cf2 rgb(143,156,242)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#8ff2e6
```
#8ff2e6 rgb(143,242,230)
```

Split Complementary Color

#b48ff2
```
#b48ff2 rgb(180,143,242)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#8ff2b4
```
#8ff2b4 rgb(143,242,180)
```

Triadic Color

#f28fcd
```
#f28fcd rgb(242,143,205)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#8ff2b4
```
#8ff2b4 rgb(143,242,180)
```
#8fcdf2
```
#8fcdf2 rgb(143,205,242)
```

Tetradic Color

#ea864a
```
#ea864a rgb(234,134,74)
```
#ed9561
```
#ed9561 rgb(237,149,97)
```
#efa578
```
#efa578 rgb(239,165,120)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#f5c3a6
```
#f5c3a6 rgb(245,195,166)
```
#f7d3bd
```
#f7d3bd rgb(247,211,189)
```
#fae2d4
```
#fae2d4 rgb(250,226,212)
```

Monochromatic Color

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

#f29b8f
```
#f29b8f rgb(242,155,143)
```
#f2a48f
```
#f2a48f rgb(242,164,143)
```
#f2ac8f
```
#f2ac8f rgb(242,172,143)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#f2bc8f
```
#f2bc8f rgb(242,188,143)
```
#f2c58f
```
#f2c58f rgb(242,197,143)
```
#f2cd8f
```
#f2cd8f rgb(242,205,143)
```

Similar Colors

Text with hexadecimal color #f2b48f

This text has a font color of #f2b48f.

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

#f2b48f background color

This paragraph has a background color of #f2b48f.

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

#f2b48f border color

This element has a border color of #f2b48f.

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

CSS codes

.text {color:#f2b48f;}

.background {background-color:#f2b48f;}

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

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, #0b0501 is the darkest color, while #fefbf8 is the lightest one.

#0b0501
```
#0b0501 rgb(11,5,1)
```
#1d0d03
```
#1d0d03 rgb(29,13,3)
```
#2e1505
```
#2e1505 rgb(46,21,5)
```
#401c07
```
#401c07 rgb(64,28,7)
```
#512409
```
#512409 rgb(81,36,9)
```
#632c0b
```
#632c0b rgb(99,44,11)
```
#74340e
```
#74340e rgb(116,52,14)
```
#863c10
```
#863c10 rgb(134,60,16)
```
#984412
```
#984412 rgb(152,68,18)
```
#a94c14
```
#a94c14 rgb(169,76,20)
```
#bb5316
```
#bb5316 rgb(187,83,22)
```
#cc5b18
```
#cc5b18 rgb(204,91,24)
```
#de631a
```
#de631a rgb(222,99,26)
```

Shade Color Variation

#e66d26
```
#e66d26 rgb(230,109,38)
```
#e87937
```
#e87937 rgb(232,121,55)
```
#ea8549
```
#ea8549 rgb(234,133,73)
```
#ec915a
```
#ec915a rgb(236,145,90)
```
#ee9c6c
```
#ee9c6c rgb(238,156,108)
```
#f0a87d
```
#f0a87d rgb(240,168,125)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#f4c0a1
```
#f4c0a1 rgb(244,192,161)
```
#f6ccb2
```
#f6ccb2 rgb(246,204,178)
```
#f8d7c4
```
#f8d7c4 rgb(248,215,196)
```
#fae3d5
```
#fae3d5 rgb(250,227,213)
```
#fcefe7
```
#fcefe7 rgb(252,239,231)
```
#fefbf8
```
#fefbf8 rgb(254,251,248)
```

Tint Color Variation

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

#c2c0bf
```
#c2c0bf rgb(194,192,191)
```
#c7bfba
```
#c7bfba rgb(199,191,186)
```
#ccbeb5
```
#ccbeb5 rgb(204,190,181)
```
#d0bcb1
```
#d0bcb1 rgb(208,188,177)
```
#d5bbac
```
#d5bbac rgb(213,187,172)
```
#dabaa7
```
#dabaa7 rgb(218,186,167)
```
#dfb9a2
```
#dfb9a2 rgb(223,185,162)
```
#e4b89d
```
#e4b89d rgb(228,184,157)
```
#e8b699
```
#e8b699 rgb(232,182,153)
```
#edb594
```
#edb594 rgb(237,181,148)
```
#f2b48f
```
#f2b48f rgb(242,180,143)
```
#f7b38a
```
#f7b38a rgb(247,179,138)
```
#fcb285
```
#fcb285 rgb(252,178,133)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#ccbfb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c499 Protanopia 1% of men
#e6bc93 Deuteranopia 1% of men
#f7b2be Tritanopia 0.001% of the population

Trichromacy

#ddbe95 Protanomaly 1% of men, 0.01% of women
#eab991 Deuteranomaly 6% of men, 0.4% of women
#f5b2ad Tritanomaly 0.01% of the population

#f2b48f hex color

#f2b48f Color Information

#f2b48f Color Conversion

Color Schemes with #f2b48f

Alternatives to #f2b48f

#f2b48f Preview

Shades and Tints of #f2b48f

Tones of #f2b48f

Color Blindness Simulator