#f6b296 hex color

In a RGB color space, hex #f6b296 is composed of 96.5% red, 69.8% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 39% yellow and 3.5% black. It has a hue angle of 17.5 degrees, a saturation of 84.2% and a lightness of 77.6%. #f6b296 color hex could be obtained by blending #ffffff with #ed652d. Closest websafe color is: #ff9999.

♥
- f
- t
- g
- R 96
- G 70
- B 59
RGB color chart
- C 0
- M 28
- Y 39
- K 4
CMYK color chart

● #f6b296 color description : Very soft orange.

The hexadecimal color #f6b296 has RGB values of R:246, G:178, B:150 and CMYK values of C:0, M:0.28, Y:0.39, K:0.04. Its decimal value is 16167574.

Hex triplet	f6b296	`#f6b296`
RGB Decimal	246, 178, 150	`rgb(246,178,150)`
RGB Percent	96.5, 69.8, 58.8	`rgb(96.5%,69.8%,58.8%)`
CMYK	0, 28, 39, 4
HSL	17.5°, 84.2, 77.6	`hsl(17.5,84.2%,77.6%)`
HSV (or HSB)	17.5°, 39, 96.5
Web Safe	ff9999	`#ff9999`

CIE-LAB	78.25, 21.307, 24.108
XYZ	59.432, 53.638, 36.075
xyY	0.398, 0.36, 53.638
CIE-LCH	78.25, 32.174, 48.529
CIE-LUV	78.25, 47.481, 28.683
Hunter-Lab	73.238, 16.683, 22.062
Binary	11110110, 10110010, 10010110

#f6b296
```
#f6b296 rgb(246,178,150)
```
#96daf6
```
#96daf6 rgb(150,218,246)
```

Complementary Color

#f696aa
```
#f696aa rgb(246,150,170)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#f6e296
```
#f6e296 rgb(246,226,150)
```

Analogous Color

#96aaf6
```
#96aaf6 rgb(150,170,246)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#96f6e2
```
#96f6e2 rgb(150,246,226)
```

Split Complementary Color

#b296f6
```
#b296f6 rgb(178,150,246)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#96f6b2
```
#96f6b2 rgb(150,246,178)
```

Triadic Color

#f696da
```
#f696da rgb(246,150,218)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#96f6b2
```
#96f6b2 rgb(150,246,178)
```
#96daf6
```
#96daf6 rgb(150,218,246)
```

Tetradic Color

#f07e50
```
#f07e50 rgb(240,126,80)
```
#f29067
```
#f29067 rgb(242,144,103)
```
#f4a17f
```
#f4a17f rgb(244,161,127)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#f8c3ad
```
#f8c3ad rgb(248,195,173)
```
#fad4c5
```
#fad4c5 rgb(250,212,197)
```
#fce6dc
```
#fce6dc rgb(252,230,220)
```

Monochromatic Color

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

#f69a96
```
#f69a96 rgb(246,154,150)
```
#f6a296
```
#f6a296 rgb(246,162,150)
```
#f6aa96
```
#f6aa96 rgb(246,170,150)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#f6ba96
```
#f6ba96 rgb(246,186,150)
```
#f6c296
```
#f6c296 rgb(246,194,150)
```
#f6ca96
```
#f6ca96 rgb(246,202,150)
```

Similar Colors

Text with hexadecimal color #f6b296

This text has a font color of #f6b296.

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

#f6b296 background color

This paragraph has a background color of #f6b296.

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

#f6b296 border color

This element has a border color of #f6b296.

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

CSS codes

.text {color:#f6b296;}

.background {background-color:#f6b296;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150802
```
#150802 rgb(21,8,2)
```
#280e03
```
#280e03 rgb(40,14,3)
```
#3a1405
```
#3a1405 rgb(58,20,5)
```
#4c1b06
```
#4c1b06 rgb(76,27,6)
```
#5e2108
```
#5e2108 rgb(94,33,8)
```
#70270a
```
#70270a rgb(112,39,10)
```
#822e0b
```
#822e0b rgb(130,46,11)
```
#94340d
```
#94340d rgb(148,52,13)
```
#a63a0e
```
#a63a0e rgb(166,58,14)
```
#b84110
```
#b84110 rgb(184,65,16)
```
#ca4711
```
#ca4711 rgb(202,71,17)
```
#dc4e13
```
#dc4e13 rgb(220,78,19)
```

Shade Color Variation

#eb5518
```
#eb5518 rgb(235,85,24)
```
#ed632a
```
#ed632a rgb(237,99,42)
```
#ee703c
```
#ee703c rgb(238,112,60)
```
#f07d4e
```
#f07d4e rgb(240,125,78)
```
#f18a60
```
#f18a60 rgb(241,138,96)
```
#f39872
```
#f39872 rgb(243,152,114)
```
#f4a584
```
#f4a584 rgb(244,165,132)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#f8bfa8
```
#f8bfa8 rgb(248,191,168)
```
#f9ccba
```
#f9ccba rgb(249,204,186)
```
#fbdacc
```
#fbdacc rgb(251,218,204)
```
#fce7de
```
#fce7de rgb(252,231,222)
```
#fef4f0
```
#fef4f0 rgb(254,244,240)
```

Tint Color Variation

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

#cac4c2
```
#cac4c2 rgb(202,196,194)
```
#cfc2bd
```
#cfc2bd rgb(207,194,189)
```
#d3c1b9
```
#d3c1b9 rgb(211,193,185)
```
#d7bfb5
```
#d7bfb5 rgb(215,191,181)
```
#dcbdb0
```
#dcbdb0 rgb(220,189,176)
```
#e0bbac
```
#e0bbac rgb(224,187,172)
```
#e4b9a8
```
#e4b9a8 rgb(228,185,168)
```
#e9b7a3
```
#e9b7a3 rgb(233,183,163)
```
#edb69f
```
#edb69f rgb(237,182,159)
```
#f2b49a
```
#f2b49a rgb(242,180,154)
```
#f6b296
```
#f6b296 rgb(246,178,150)
```
#fab092
```
#fab092 rgb(250,176,146)
```
#ffae8d
```
#ffae8d rgb(255,174,141)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cdc0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c4a1 Protanopia 1% of men
#e5bd99 Deuteranopia 1% of men
#fab1bd Tritanopia 0.001% of the population

Trichromacy

#ddbd9d Protanomaly 1% of men, 0.01% of women
#ebb998 Deuteranomaly 6% of men, 0.4% of women
#f8b1af Tritanomaly 0.01% of the population

#f6b296 hex color

#f6b296 Color Information

#f6b296 Color Conversion

Color Schemes with #f6b296

Alternatives to #f6b296

#f6b296 Preview

Shades and Tints of #f6b296

Tones of #f6b296

Color Blindness Simulator