#f2b78e hex color

In a RGB color space, hex #f2b78e is composed of 94.9% red, 71.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 41.3% yellow and 5.1% black. It has a hue angle of 24.6 degrees, a saturation of 79.4% and a lightness of 75.3%. #f2b78e color hex could be obtained by blending #ffffff with #e56f1d. Closest websafe color is: #ffcc99.

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

● #f2b78e color description : Very soft orange.

The hexadecimal color #f2b78e has RGB values of R:242, G:183, B:142 and CMYK values of C:0, M:0.24, Y:0.41, K:0.05. Its decimal value is 15906702.

Hex triplet	f2b78e	`#f2b78e`
RGB Decimal	242, 183, 142	`rgb(242,183,142)`
RGB Percent	94.9, 71.8, 55.7	`rgb(94.9%,71.8%,55.7%)`
CMYK	0, 24, 41, 5
HSL	24.6°, 79.4, 75.3	`hsl(24.6,79.4%,75.3%)`
HSV (or HSB)	24.6°, 41.3, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	78.868, 16.24, 29.128
XYZ	58.434, 54.7, 33.07
xyY	0.4, 0.374, 54.7
CIE-LCH	78.868, 33.349, 60.859
CIE-LUV	78.868, 42.16, 35.847
Hunter-Lab	73.959, 11.601, 25.261
Binary	11110010, 10110111, 10001110

#f2b78e
```
#f2b78e rgb(242,183,142)
```
#8ec9f2
```
#8ec9f2 rgb(142,201,242)
```

Complementary Color

#f28e97
```
#f28e97 rgb(242,142,151)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#f2e98e
```
#f2e98e rgb(242,233,142)
```

Analogous Color

#8e97f2
```
#8e97f2 rgb(142,151,242)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#8ef2e9
```
#8ef2e9 rgb(142,242,233)
```

Split Complementary Color

#b78ef2
```
#b78ef2 rgb(183,142,242)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#8ef2b7
```
#8ef2b7 rgb(142,242,183)
```

Triadic Color

#f28ec9
```
#f28ec9 rgb(242,142,201)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#8ef2b7
```
#8ef2b7 rgb(142,242,183)
```
#8ec9f2
```
#8ec9f2 rgb(142,201,242)
```

Tetradic Color

#ea8b49
```
#ea8b49 rgb(234,139,73)
```
#ed9a60
```
#ed9a60 rgb(237,154,96)
```
#efa877
```
#efa877 rgb(239,168,119)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#f5c6a5
```
#f5c6a5 rgb(245,198,165)
```
#f7d4bc
```
#f7d4bc rgb(247,212,188)
```
#fae3d3
```
#fae3d3 rgb(250,227,211)
```

Monochromatic Color

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

#f29e8e
```
#f29e8e rgb(242,158,142)
```
#f2a68e
```
#f2a68e rgb(242,166,142)
```
#f2af8e
```
#f2af8e rgb(242,175,142)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#f2bf8e
```
#f2bf8e rgb(242,191,142)
```
#f2c88e
```
#f2c88e rgb(242,200,142)
```
#f2d08e
```
#f2d08e rgb(242,208,142)
```

Similar Colors

Text with hexadecimal color #f2b78e

This text has a font color of #f2b78e.

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

#f2b78e background color

This paragraph has a background color of #f2b78e.

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

#f2b78e border color

This element has a border color of #f2b78e.

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

CSS codes

.text {color:#f2b78e;}

.background {background-color:#f2b78e;}

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

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

#0a0501
```
#0a0501 rgb(10,5,1)
```
#1c0d03
```
#1c0d03 rgb(28,13,3)
```
#2d1605
```
#2d1605 rgb(45,22,5)
```
#3f1e07
```
#3f1e07 rgb(63,30,7)
```
#512609
```
#512609 rgb(81,38,9)
```
#622f0b
```
#622f0b rgb(98,47,11)
```
#74370d
```
#74370d rgb(116,55,13)
```
#85400f
```
#85400f rgb(133,64,15)
```
#974811
```
#974811 rgb(151,72,17)
```
#a85113
```
#a85113 rgb(168,81,19)
```
#ba5915
```
#ba5915 rgb(186,89,21)
```
#cc6117
```
#cc6117 rgb(204,97,23)
```
#dd6a19
```
#dd6a19 rgb(221,106,25)
```

Shade Color Variation

#e67424
```
#e67424 rgb(230,116,36)
```
#e87f36
```
#e87f36 rgb(232,127,54)
```
#ea8a48
```
#ea8a48 rgb(234,138,72)
```
#ec9559
```
#ec9559 rgb(236,149,89)
```
#eea16b
```
#eea16b rgb(238,161,107)
```
#f0ac7c
```
#f0ac7c rgb(240,172,124)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#f4c2a0
```
#f4c2a0 rgb(244,194,160)
```
#f6cdb1
```
#f6cdb1 rgb(246,205,177)
```
#f8d9c3
```
#f8d9c3 rgb(248,217,195)
```
#fae4d4
```
#fae4d4 rgb(250,228,212)
```
#fcefe6
```
#fcefe6 rgb(252,239,230)
```
#fefaf8
```
#fefaf8 rgb(254,250,248)
```

Tint Color Variation

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

#c2c0be
```
#c2c0be rgb(194,192,190)
```
#c6bfba
```
#c6bfba rgb(198,191,186)
```
#cbbeb5
```
#cbbeb5 rgb(203,190,181)
```
#d0bdb0
```
#d0bdb0 rgb(208,189,176)
```
#d5bcab
```
#d5bcab rgb(213,188,171)
```
#dabba6
```
#dabba6 rgb(218,187,166)
```
#dfbaa1
```
#dfbaa1 rgb(223,186,161)
```
#e3ba9d
```
#e3ba9d rgb(227,186,157)
```
#e8b998
```
#e8b998 rgb(232,185,152)
```
#edb893
```
#edb893 rgb(237,184,147)
```
#f2b78e
```
#f2b78e rgb(242,183,142)
```
#f7b689
```
#f7b689 rgb(247,182,137)
```
#fcb584
```
#fcb584 rgb(252,181,132)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#cdc1b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c698 Protanopia 1% of men
#e9be92 Deuteranopia 1% of men
#f7b4c0 Tritanopia 0.001% of the population

Trichromacy

#dec094 Protanomaly 1% of men, 0.01% of women
#ecbb91 Deuteranomaly 6% of men, 0.4% of women
#f5b5ae Tritanomaly 0.01% of the population

#f2b78e hex color

#f2b78e Color Information

#f2b78e Color Conversion

Color Schemes with #f2b78e

Alternatives to #f2b78e

#f2b78e Preview

Shades and Tints of #f2b78e

Tones of #f2b78e

Color Blindness Simulator