colorhexa.com

#f2bd97 hex color

In a RGB color space, hex #f2bd97 is composed of 94.9% red, 74.1% green and 59.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 37.6% yellow and 5.1% black. It has a hue angle of 25.1 degrees, a saturation of 77.8% and a lightness of 77.1%. #f2bd97 color hex could be obtained by blending #ffffff with #e57b2f. Closest websafe color is: #ffcc99.

- R 95
- G 74
- B 59
RGB color chart
- C 0
- M 22
- Y 38
- K 5
CMYK color chart

● #f2bd97 color description : Very soft orange.

The hexadecimal color #f2bd97 has RGB values of R:242, G:189, B:151 and CMYK values of C:0, M:0.22, Y:0.38, K:0.05. Its decimal value is 15908247.

Hex triplet	f2bd97	`#f2bd97`
RGB Decimal	242, 189, 151	`rgb(242,189,151)`
RGB Percent	94.9, 74.1, 59.2	`rgb(94.9%,74.1%,59.2%)`
CMYK	0, 22, 38, 5
HSL	25.1°, 77.8, 77.1	`hsl(25.1,77.8%,77.1%)`
HSV (or HSB)	25.1°, 37.6, 94.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.465, 14.074, 26.509
XYZ	60.401, 57.509, 37.195
xyY	0.389, 0.371, 57.509
CIE-LCH	80.465, 30.013, 62.035
CIE-LUV	80.465, 37.323, 33.395
Hunter-Lab	75.835, 9.462, 24.004
Binary	11110010, 10111101, 10010111

#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#97ccf2
```
#97ccf2 rgb(151,204,242)
```

Complementary Color

#f2979f
```
#f2979f rgb(242,151,159)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#f2eb97
```
#f2eb97 rgb(242,235,151)
```

Analogous Color

#979ff2
```
#979ff2 rgb(151,159,242)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#97f2eb
```
#97f2eb rgb(151,242,235)
```

Split Complementary Color

#bd97f2
```
#bd97f2 rgb(189,151,242)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#97f2bd
```
#97f2bd rgb(151,242,189)
```

Triadic Color

#f297cc
```
#f297cc rgb(242,151,204)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#97f2bd
```
#97f2bd rgb(151,242,189)
```
#97ccf2
```
#97ccf2 rgb(151,204,242)
```

Tetradic Color

#ea9253
```
#ea9253 rgb(234,146,83)
```
#eca06a
```
#eca06a rgb(236,160,106)
```
#efaf80
```
#efaf80 rgb(239,175,128)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#f5cbae
```
#f5cbae rgb(245,203,174)
```
#f8dac4
```
#f8dac4 rgb(248,218,196)
```
#fbe8db
```
#fbe8db rgb(251,232,219)
```

Monochromatic Color

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

#f2a697
```
#f2a697 rgb(242,166,151)
```
#f2ae97
```
#f2ae97 rgb(242,174,151)
```
#f2b597
```
#f2b597 rgb(242,181,151)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#f2c597
```
#f2c597 rgb(242,197,151)
```
#f2cc97
```
#f2cc97 rgb(242,204,151)
```
#f2d497
```
#f2d497 rgb(242,212,151)
```

Similar Colors

Text with hexadecimal color #f2bd97

This text has a font color of #f2bd97.

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

#f2bd97 background color

This paragraph has a background color of #f2bd97.

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

#f2bd97 border color

This element has a border color of #f2bd97.

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

CSS codes

.text {color:#f2bd97;}

.background {background-color:#f2bd97;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120902
```
#120902 rgb(18,9,2)
```
#231104
```
#231104 rgb(35,17,4)
```
#351a07
```
#351a07 rgb(53,26,7)
```
#462309
```
#462309 rgb(70,35,9)
```
#582b0b
```
#582b0b rgb(88,43,11)
```
#69340d
```
#69340d rgb(105,52,13)
```
#7b3c0f
```
#7b3c0f rgb(123,60,15)
```
#8c4512
```
#8c4512 rgb(140,69,18)
```
#9e4d14
```
#9e4d14 rgb(158,77,20)
```
#af5616
```
#af5616 rgb(175,86,22)
```
#c05e18
```
#c05e18 rgb(192,94,24)
```
#d2671a
```
#d2671a rgb(210,103,26)
```

Shade Color Variation

#e3701d
```
#e3701d rgb(227,112,29)
```
#e57b2e
```
#e57b2e rgb(229,123,46)
```
#e78640
```
#e78640 rgb(231,134,64)
```
#e99151
```
#e99151 rgb(233,145,81)
```
#eb9c63
```
#eb9c63 rgb(235,156,99)
```
#eea774
```
#eea774 rgb(238,167,116)
```
#f0b286
```
#f0b286 rgb(240,178,134)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#f4c8a8
```
#f4c8a8 rgb(244,200,168)
```
#f6d3ba
```
#f6d3ba rgb(246,211,186)
```
#f9decb
```
#f9decb rgb(249,222,203)
```
#fbe9dd
```
#fbe9dd rgb(251,233,221)
```
#fdf4ee
```
#fdf4ee rgb(253,244,238)
```

Tint Color Variation

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

#c5c4c4
```
#c5c4c4 rgb(197,196,196)
```
#cac4c0
```
#cac4c0 rgb(202,196,192)
```
#cec3bb
```
#cec3bb rgb(206,195,187)
```
#d3c2b7
```
#d3c2b7 rgb(211,194,183)
```
#d7c1b2
```
#d7c1b2 rgb(215,193,178)
```
#dcc1ae
```
#dcc1ae rgb(220,193,174)
```
#e0c0a9
```
#e0c0a9 rgb(224,192,169)
```
#e5bfa5
```
#e5bfa5 rgb(229,191,165)
```
#e9bea0
```
#e9bea0 rgb(233,190,160)
```
#eebe9c
```
#eebe9c rgb(238,190,156)
```
#f2bd97
```
#f2bd97 rgb(242,189,151)
```
#f7bc93
```
#f7bc93 rgb(247,188,147)
```
#fbbc8e
```
#fbbc8e rgb(251,188,142)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d1c7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7caa0 Protanopia 1% of men
#edc29b Deuteranopia 1% of men
#f7bac7 Tritanopia 0.001% of the population

Trichromacy

#e1c59d Protanomaly 1% of men, 0.01% of women
#eec09a Deuteranomaly 6% of men, 0.4% of women
#f5bbb5 Tritanomaly 0.01% of the population