#f2b571 hex color

In a RGB color space, hex #f2b571 is composed of 94.9% red, 71% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.2% magenta, 53.3% yellow and 5.1% black. It has a hue angle of 31.6 degrees, a saturation of 83.2% and a lightness of 69.6%. #f2b571 color hex could be obtained by blending #ffffe2 with #e56b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 71
- B 44
RGB color chart
- C 0
- M 25
- Y 53
- K 5
CMYK color chart

● #f2b571 color description : Soft orange.

The hexadecimal color #f2b571 has RGB values of R:242, G:181, B:113 and CMYK values of C:0, M:0.25, Y:0.53, K:0.05. Its decimal value is 15906161.

Hex triplet	f2b571	`#f2b571`
RGB Decimal	242, 181, 113	`rgb(242,181,113)`
RGB Percent	94.9, 71, 44.3	`rgb(94.9%,71%,44.3%)`
CMYK	0, 25, 53, 5
HSL	31.6°, 83.2, 69.6	`hsl(31.6,83.2%,69.6%)`
HSV (or HSB)	31.6°, 53.3, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	77.946, 14.534, 43.004
XYZ	56.123, 53.12, 22.919
xyY	0.425, 0.402, 53.12
CIE-LCH	77.946, 45.394, 71.326
CIE-LUV	77.946, 46.336, 51.038
Hunter-Lab	72.883, 9.906, 32.374
Binary	11110010, 10110101, 01110001

#f2b571
```
#f2b571 rgb(242,181,113)
```
#71aef2
```
#71aef2 rgb(113,174,242)
```

Complementary Color

#f27571
```
#f27571 rgb(242,117,113)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#eff271
```
#eff271 rgb(239,242,113)
```

Analogous Color

#7571f2
```
#7571f2 rgb(117,113,242)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#71eff2
```
#71eff2 rgb(113,239,242)
```

Split Complementary Color

#b571f2
```
#b571f2 rgb(181,113,242)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#71f2b5
```
#71f2b5 rgb(113,242,181)
```

Triadic Color

#f271ae
```
#f271ae rgb(242,113,174)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#71f2b5
```
#71f2b5 rgb(113,242,181)
```
#71aef2
```
#71aef2 rgb(113,174,242)
```

Tetradic Color

#ec902b
```
#ec902b rgb(236,144,43)
```
#ee9d42
```
#ee9d42 rgb(238,157,66)
```
#f0a95a
```
#f0a95a rgb(240,169,90)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#f4c188
```
#f4c188 rgb(244,193,136)
```
#f6cda0
```
#f6cda0 rgb(246,205,160)
```
#f8dab7
```
#f8dab7 rgb(248,218,183)
```

Monochromatic Color

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

#f29571
```
#f29571 rgb(242,149,113)
```
#f2a071
```
#f2a071 rgb(242,160,113)
```
#f2aa71
```
#f2aa71 rgb(242,170,113)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#f2c071
```
#f2c071 rgb(242,192,113)
```
#f2cb71
```
#f2cb71 rgb(242,203,113)
```
#f2d571
```
#f2d571 rgb(242,213,113)
```

Similar Colors

Text with hexadecimal color #f2b571

This text has a font color of #f2b571.

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

#f2b571 background color

This paragraph has a background color of #f2b571.

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

#f2b571 border color

This element has a border color of #f2b571.

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

CSS codes

.text {color:#f2b571;}

.background {background-color:#f2b571;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140b02
```
#140b02 rgb(20,11,2)
```
#261603
```
#261603 rgb(38,22,3)
```
#382005
```
#382005 rgb(56,32,5)
```
#4a2a07
```
#4a2a07 rgb(74,42,7)
```
#5c3408
```
#5c3408 rgb(92,52,8)
```
#6e3f0a
```
#6e3f0a rgb(110,63,10)
```
#80490c
```
#80490c rgb(128,73,12)
```
#92530d
```
#92530d rgb(146,83,13)
```
#a35d0f
```
#a35d0f rgb(163,93,15)
```
#b56811
```
#b56811 rgb(181,104,17)
```
#c77212
```
#c77212 rgb(199,114,18)
```
#d97c14
```
#d97c14 rgb(217,124,20)
```

Shade Color Variation

#ea8617
```
#ea8617 rgb(234,134,23)
```
#eb9029
```
#eb9029 rgb(235,144,41)
```
#ed993b
```
#ed993b rgb(237,153,59)
```
#efa24d
```
#efa24d rgb(239,162,77)
```
#f0ac5f
```
#f0ac5f rgb(240,172,95)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#f4be83
```
#f4be83 rgb(244,190,131)
```
#f5c895
```
#f5c895 rgb(245,200,149)
```
#f7d1a7
```
#f7d1a7 rgb(247,209,167)
```
#f9dab9
```
#f9dab9 rgb(249,218,185)
```
#fae4cb
```
#fae4cb rgb(250,228,203)
```
#fceddd
```
#fceddd rgb(252,237,221)
```
#fef7ef
```
#fef7ef rgb(254,247,239)
```

Tint Color Variation

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

#b6b2ad
```
#b6b2ad rgb(182,178,173)
```
#bcb2a7
```
#bcb2a7 rgb(188,178,167)
```
#c2b2a1
```
#c2b2a1 rgb(194,178,161)
```
#c8b39b
```
#c8b39b rgb(200,179,155)
```
#ceb395
```
#ceb395 rgb(206,179,149)
```
#d4b38f
```
#d4b38f rgb(212,179,143)
```
#dab489
```
#dab489 rgb(218,180,137)
```
#e0b483
```
#e0b483 rgb(224,180,131)
```
#e6b47d
```
#e6b47d rgb(230,180,125)
```
#ecb577
```
#ecb577 rgb(236,181,119)
```
#f2b571
```
#f2b571 rgb(242,181,113)
```
#f8b56b
```
#f8b56b rgb(248,181,107)
```
#feb665
```
#feb665 rgb(254,182,101)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c9bdaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c37c Protanopia 1% of men
#ecbb77 Deuteranopia 1% of men
#f8b0bc Tritanopia 0.001% of the population

Trichromacy

#dfbe78 Protanomaly 1% of men, 0.01% of women
#eeb975 Deuteranomaly 6% of men, 0.4% of women
#f6b2a1 Tritanomaly 0.01% of the population

#f2b571 hex color

#f2b571 Color Information

#f2b571 Color Conversion

Color Schemes with #f2b571

Alternatives to #f2b571

#f2b571 Preview

Shades and Tints of #f2b571

Tones of #f2b571

Color Blindness Simulator