#f2b78a hex color

In a RGB color space, hex #f2b78a is composed of 94.9% red, 71.8% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.4% magenta, 43% yellow and 5.1% black. It has a hue angle of 26 degrees, a saturation of 80% and a lightness of 74.5%. #f2b78a color hex could be obtained by blending #ffffff with #e56f15. Closest websafe color is: #ffcc99.

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

● #f2b78a color description : Very soft orange.

The hexadecimal color #f2b78a has RGB values of R:242, G:183, B:138 and CMYK values of C:0, M:0.24, Y:0.43, K:0.05. Its decimal value is 15906698.

Hex triplet	f2b78a	`#f2b78a`
RGB Decimal	242, 183, 138	`rgb(242,183,138)`
RGB Percent	94.9, 71.8, 54.1	`rgb(94.9%,71.8%,54.1%)`
CMYK	0, 24, 43, 5
HSL	26°, 80, 74.5	`hsl(26,80%,74.5%)`
HSV (or HSB)	26°, 43, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	78.8, 15.817, 31.149
XYZ	58.139, 54.582, 31.516
xyY	0.403, 0.378, 54.582
CIE-LCH	78.8, 34.935, 63.079
CIE-LUV	78.8, 42.574, 38.266
Hunter-Lab	73.88, 11.181, 26.423
Binary	11110010, 10110111, 10001010

#f2b78a
```
#f2b78a rgb(242,183,138)
```
#8ac5f2
```
#8ac5f2 rgb(138,197,242)
```

Complementary Color

#f28a91
```
#f28a91 rgb(242,138,145)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#f2eb8a
```
#f2eb8a rgb(242,235,138)
```

Analogous Color

#8a91f2
```
#8a91f2 rgb(138,145,242)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#8af2eb
```
#8af2eb rgb(138,242,235)
```

Split Complementary Color

#b78af2
```
#b78af2 rgb(183,138,242)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#8af2b7
```
#8af2b7 rgb(138,242,183)
```

Triadic Color

#f28ac5
```
#f28ac5 rgb(242,138,197)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#8af2b7
```
#8af2b7 rgb(138,242,183)
```
#8ac5f2
```
#8ac5f2 rgb(138,197,242)
```

Tetradic Color

#ea8d45
```
#ea8d45 rgb(234,141,69)
```
#ed9b5c
```
#ed9b5c rgb(237,155,92)
```
#efa973
```
#efa973 rgb(239,169,115)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#f5c5a1
```
#f5c5a1 rgb(245,197,161)
```
#f7d3b8
```
#f7d3b8 rgb(247,211,184)
```
#fae1cf
```
#fae1cf rgb(250,225,207)
```

Monochromatic Color

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

#f29d8a
```
#f29d8a rgb(242,157,138)
```
#f2a68a
```
#f2a68a rgb(242,166,138)
```
#f2ae8a
```
#f2ae8a rgb(242,174,138)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#f2c08a
```
#f2c08a rgb(242,192,138)
```
#f2c88a
```
#f2c88a rgb(242,200,138)
```
#f2d18a
```
#f2d18a rgb(242,209,138)
```

Similar Colors

Text with hexadecimal color #f2b78a

This text has a font color of #f2b78a.

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

#f2b78a background color

This paragraph has a background color of #f2b78a.

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

#f2b78a border color

This element has a border color of #f2b78a.

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

CSS codes

.text {color:#f2b78a;}

.background {background-color:#f2b78a;}

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

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

#070301
```
#070301 rgb(7,3,1)
```
#180c03
```
#180c03 rgb(24,12,3)
```
#2a1505
```
#2a1505 rgb(42,21,5)
```
#3c1e07
```
#3c1e07 rgb(60,30,7)
```
#4d2609
```
#4d2609 rgb(77,38,9)
```
#5f2f0b
```
#5f2f0b rgb(95,47,11)
```
#71380d
```
#71380d rgb(113,56,13)
```
#82410e
```
#82410e rgb(130,65,14)
```
#944910
```
#944910 rgb(148,73,16)
```
#a55212
```
#a55212 rgb(165,82,18)
```
#b75b14
```
#b75b14 rgb(183,91,20)
```
#c96416
```
#c96416 rgb(201,100,22)
```
#da6c18
```
#da6c18 rgb(218,108,24)
```

Shade Color Variation

#e67620
```
#e67620 rgb(230,118,32)
```
#e88132
```
#e88132 rgb(232,129,50)
```
#ea8c43
```
#ea8c43 rgb(234,140,67)
```
#ec9655
```
#ec9655 rgb(236,150,85)
```
#eea167
```
#eea167 rgb(238,161,103)
```
#f0ac78
```
#f0ac78 rgb(240,172,120)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#f4c29c
```
#f4c29c rgb(244,194,156)
```
#f6cdad
```
#f6cdad rgb(246,205,173)
```
#f8d8bf
```
#f8d8bf rgb(248,216,191)
```
#fae2d1
```
#fae2d1 rgb(250,226,209)
```
#fcede2
```
#fcede2 rgb(252,237,226)
```
#fef8f4
```
#fef8f4 rgb(254,248,244)
```

Tint Color Variation

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

#c0bebc
```
#c0bebc rgb(192,190,188)
```
#c5bdb7
```
#c5bdb7 rgb(197,189,183)
```
#cabcb2
```
#cabcb2 rgb(202,188,178)
```
#cfbcad
```
#cfbcad rgb(207,188,173)
```
#d4bba8
```
#d4bba8 rgb(212,187,168)
```
#d9baa3
```
#d9baa3 rgb(217,186,163)
```
#deba9e
```
#deba9e rgb(222,186,158)
```
#e3b999
```
#e3b999 rgb(227,185,153)
```
#e8b894
```
#e8b894 rgb(232,184,148)
```
#edb88f
```
#edb88f rgb(237,184,143)
```
#f2b78a
```
#f2b78a rgb(242,183,138)
```
#f7b685
```
#f7b685 rgb(247,182,133)
```
#fcb680
```
#fcb680 rgb(252,182,128)
```

Tone Color Variation

Below, you can see how #f2b78a 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
#cdc1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c594 Protanopia 1% of men
#eabe8f Deuteranopia 1% of men
#f7b4c0 Tritanopia 0.001% of the population

Trichromacy

#dfc090 Protanomaly 1% of men, 0.01% of women
#edbb8d Deuteranomaly 6% of men, 0.4% of women
#f5b5ac Tritanomaly 0.01% of the population

#f2b78a hex color

#f2b78a Color Information

#f2b78a Color Conversion

Color Schemes with #f2b78a

Alternatives to #f2b78a

#f2b78a Preview

Shades and Tints of #f2b78a

Tones of #f2b78a

Color Blindness Simulator