#f1b372 hex color

In a RGB color space, hex #f1b372 is composed of 94.5% red, 70.2% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.7% magenta, 52.7% yellow and 5.5% black. It has a hue angle of 30.7 degrees, a saturation of 81.9% and a lightness of 69.6%. #f1b372 color hex could be obtained by blending #ffffe4 with #e36700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 70
- B 45
RGB color chart
- C 0
- M 26
- Y 53
- K 5
CMYK color chart

● #f1b372 color description : Soft orange.

The hexadecimal color #f1b372 has RGB values of R:241, G:179, B:114 and CMYK values of C:0, M:0.26, Y:0.53, K:0.05. Its decimal value is 15840114.

Hex triplet	f1b372	`#f1b372`
RGB Decimal	241, 179, 114	`rgb(241,179,114)`
RGB Percent	94.5, 70.2, 44.7	`rgb(94.5%,70.2%,44.7%)`
CMYK	0, 26, 53, 5
HSL	30.7°, 81.9, 69.6	`hsl(30.7,81.9%,69.6%)`
HSV (or HSB)	30.7°, 52.7, 94.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	77.376, 15.267, 41.766
XYZ	55.434, 52.159, 23.067
xyY	0.424, 0.399, 52.159
CIE-LCH	77.376, 44.469, 69.921
CIE-LUV	77.376, 46.901, 49.507
Hunter-Lab	72.221, 10.622, 31.618
Binary	11110001, 10110011, 01110010

#f1b372
```
#f1b372 rgb(241,179,114)
```
#72b0f1
```
#72b0f1 rgb(114,176,241)
```

Complementary Color

#f17472
```
#f17472 rgb(241,116,114)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#f0f172
```
#f0f172 rgb(240,241,114)
```

Analogous Color

#7472f1
```
#7472f1 rgb(116,114,241)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#72f0f1
```
#72f0f1 rgb(114,240,241)
```

Split Complementary Color

#b372f1
```
#b372f1 rgb(179,114,241)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#72f1b3
```
#72f1b3 rgb(114,241,179)
```

Triadic Color

#f172b0
```
#f172b0 rgb(241,114,176)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#72f1b3
```
#72f1b3 rgb(114,241,179)
```
#72b0f1
```
#72b0f1 rgb(114,176,241)
```

Tetradic Color

#ea8d2c
```
#ea8d2c rgb(234,141,44)
```
#ec9a44
```
#ec9a44 rgb(236,154,68)
```
#efa65b
```
#efa65b rgb(239,166,91)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#f3c089
```
#f3c089 rgb(243,192,137)
```
#f6cca0
```
#f6cca0 rgb(246,204,160)
```
#f8d9b8
```
#f8d9b8 rgb(248,217,184)
```

Monochromatic Color

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

#f19372
```
#f19372 rgb(241,147,114)
```
#f19e72
```
#f19e72 rgb(241,158,114)
```
#f1a872
```
#f1a872 rgb(241,168,114)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#f1be72
```
#f1be72 rgb(241,190,114)
```
#f1c872
```
#f1c872 rgb(241,200,114)
```
#f1d372
```
#f1d372 rgb(241,211,114)
```

Similar Colors

Text with hexadecimal color #f1b372

This text has a font color of #f1b372.

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

#f1b372 background color

This paragraph has a background color of #f1b372.

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

#f1b372 border color

This element has a border color of #f1b372.

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

CSS codes

.text {color:#f1b372;}

.background {background-color:#f1b372;}

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

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 #fdf6ef is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#140b02
```
#140b02 rgb(20,11,2)
```
#251504
```
#251504 rgb(37,21,4)
```
#371f05
```
#371f05 rgb(55,31,5)
```
#492907
```
#492907 rgb(73,41,7)
```
#5b3309
```
#5b3309 rgb(91,51,9)
```
#6d3d0b
```
#6d3d0b rgb(109,61,11)
```
#7f470d
```
#7f470d rgb(127,71,13)
```
#90510e
```
#90510e rgb(144,81,14)
```
#a25b10
```
#a25b10 rgb(162,91,16)
```
#b46512
```
#b46512 rgb(180,101,18)
```
#c66f14
```
#c66f14 rgb(198,111,20)
```
#d87915
```
#d87915 rgb(216,121,21)
```

Shade Color Variation

#e88319
```
#e88319 rgb(232,131,25)
```
#ea8d2b
```
#ea8d2b rgb(234,141,43)
```
#ec963c
```
#ec963c rgb(236,150,60)
```
#eda04e
```
#eda04e rgb(237,160,78)
```
#efa960
```
#efa960 rgb(239,169,96)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#f3bd84
```
#f3bd84 rgb(243,189,132)
```
#f5c696
```
#f5c696 rgb(245,198,150)
```
#f6d0a8
```
#f6d0a8 rgb(246,208,168)
```
#f8d9b9
```
#f8d9b9 rgb(248,217,185)
```
#fae3cb
```
#fae3cb rgb(250,227,203)
```
#fceddd
```
#fceddd rgb(252,237,221)
```
#fdf6ef
```
#fdf6ef rgb(253,246,239)
```

Tint Color Variation

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

#b5b2ae
```
#b5b2ae rgb(181,178,174)
```
#bbb2a8
```
#bbb2a8 rgb(187,178,168)
```
#c1b2a2
```
#c1b2a2 rgb(193,178,162)
```
#c7b29c
```
#c7b29c rgb(199,178,156)
```
#cdb296
```
#cdb296 rgb(205,178,150)
```
#d3b290
```
#d3b290 rgb(211,178,144)
```
#d9b28a
```
#d9b28a rgb(217,178,138)
```
#dfb384
```
#dfb384 rgb(223,179,132)
```
#e5b37e
```
#e5b37e rgb(229,179,126)
```
#ebb378
```
#ebb378 rgb(235,179,120)
```
#f1b372
```
#f1b372 rgb(241,179,114)
```
#f7b36c
```
#f7b36c rgb(247,179,108)
```
#fdb366
```
#fdb366 rgb(253,179,102)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c8bcaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c27d Protanopia 1% of men
#eaba78 Deuteranopia 1% of men
#f7aeba Tritanopia 0.001% of the population

Trichromacy

#debc79 Protanomaly 1% of men, 0.01% of women
#ecb776 Deuteranomaly 6% of men, 0.4% of women
#f5b0a0 Tritanomaly 0.01% of the population

#f1b372 hex color

#f1b372 Color Information

#f1b372 Color Conversion

Color Schemes with #f1b372

Alternatives to #f1b372

#f1b372 Preview

Shades and Tints of #f1b372

Tones of #f1b372

Color Blindness Simulator