colorhexa.com

#f0bb70 hex color

In a RGB color space, hex #f0bb70 is composed of 94.1% red, 73.3% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 53.3% yellow and 5.9% black. It has a hue angle of 35.2 degrees, a saturation of 81% and a lightness of 69%. #f0bb70 color hex could be obtained by blending #ffffe0 with #e17700. Closest websafe color is: #ffcc66.

- R 94
- G 73
- B 44
RGB color chart
- C 0
- M 22
- Y 53
- K 6
CMYK color chart

● #f0bb70 color description : Soft orange.

The hexadecimal color #f0bb70 has RGB values of R:240, G:187, B:112 and CMYK values of C:0, M:0.22, Y:0.53, K:0.06. Its decimal value is 15776624.

Hex triplet	f0bb70	`#f0bb70`
RGB Decimal	240, 187, 112	`rgb(240,187,112)`
RGB Percent	94.1, 73.3, 43.9	`rgb(94.1%,73.3%,43.9%)`
CMYK	0, 22, 53, 6
HSL	35.2°, 81, 69	`hsl(35.2,81%,69%)`
HSV (or HSB)	35.2°, 53.3, 94.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.178, 10.482, 44.976
XYZ	56.631, 55.238, 23.008
xyY	0.42, 0.41, 55.238
CIE-LCH	79.178, 46.182, 76.88
CIE-LUV	79.178, 40.708, 54.199
Hunter-Lab	74.322, 5.945, 33.672
Binary	11110000, 10111011, 01110000

#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#70a5f0
```
#70a5f0 rgb(112,165,240)
```

Complementary Color

#f07b70
```
#f07b70 rgb(240,123,112)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#e5f070
```
#e5f070 rgb(229,240,112)
```

Analogous Color

#7b70f0
```
#7b70f0 rgb(123,112,240)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#70e5f0
```
#70e5f0 rgb(112,229,240)
```

Split Complementary Color

#bb70f0
```
#bb70f0 rgb(187,112,240)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#70f0bb
```
#70f0bb rgb(112,240,187)
```

Triadic Color

#f070a5
```
#f070a5 rgb(240,112,165)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#70f0bb
```
#70f0bb rgb(112,240,187)
```
#70a5f0
```
#70a5f0 rgb(112,165,240)
```

Tetradic Color

#e99a2b
```
#e99a2b rgb(233,154,43)
```
#eba542
```
#eba542 rgb(235,165,66)
```
#eeb059
```
#eeb059 rgb(238,176,89)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#f2c687
```
#f2c687 rgb(242,198,135)
```
#f5d19e
```
#f5d19e rgb(245,209,158)
```
#f7dcb5
```
#f7dcb5 rgb(247,220,181)
```

Monochromatic Color

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

#f09b70
```
#f09b70 rgb(240,155,112)
```
#f0a670
```
#f0a670 rgb(240,166,112)
```
#f0b070
```
#f0b070 rgb(240,176,112)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#f0c670
```
#f0c670 rgb(240,198,112)
```
#f0d070
```
#f0d070 rgb(240,208,112)
```
#f0db70
```
#f0db70 rgb(240,219,112)
```

Similar Colors

Text with hexadecimal color #f0bb70

This text has a font color of #f0bb70.

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

#f0bb70 background color

This paragraph has a background color of #f0bb70.

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

#f0bb70 border color

This element has a border color of #f0bb70.

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

CSS codes

.text {color:#f0bb70;}

.background {background-color:#f0bb70;}

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

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, #110b02 is the darkest color, while #fffffe is the lightest one.

#110b02
```
#110b02 rgb(17,11,2)
```
#231604
```
#231604 rgb(35,22,4)
```
#342105
```
#342105 rgb(52,33,5)
```
#462c07
```
#462c07 rgb(70,44,7)
```
#583709
```
#583709 rgb(88,55,9)
```
#6a420b
```
#6a420b rgb(106,66,11)
```
#7b4e0d
```
#7b4e0d rgb(123,78,13)
```
#8d590f
```
#8d590f rgb(141,89,15)
```
#9f6411
```
#9f6411 rgb(159,100,17)
```
#b16f13
```
#b16f13 rgb(177,111,19)
```
#c27a14
```
#c27a14 rgb(194,122,20)
```
#d48516
```
#d48516 rgb(212,133,22)
```
#e69118
```
#e69118 rgb(230,145,24)
```

Shade Color Variation

#e99929
```
#e99929 rgb(233,153,41)
```
#eaa23b
```
#eaa23b rgb(234,162,59)
```
#ecaa4c
```
#ecaa4c rgb(236,170,76)
```
#eeb35e
```
#eeb35e rgb(238,179,94)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#f2c382
```
#f2c382 rgb(242,195,130)
```
#f4cc94
```
#f4cc94 rgb(244,204,148)
```
#f6d4a5
```
#f6d4a5 rgb(246,212,165)
```
#f7ddb7
```
#f7ddb7 rgb(247,221,183)
```
#f9e5c9
```
#f9e5c9 rgb(249,229,201)
```
#fbeedb
```
#fbeedb rgb(251,238,219)
```
#fdf6ec
```
#fdf6ec rgb(253,246,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b3b1ad
```
#b3b1ad rgb(179,177,173)
```
#b9b2a7
```
#b9b2a7 rgb(185,178,167)
```
#bfb3a1
```
#bfb3a1 rgb(191,179,161)
```
#c5b49b
```
#c5b49b rgb(197,180,155)
```
#ccb594
```
#ccb594 rgb(204,181,148)
```
#d2b68e
```
#d2b68e rgb(210,182,142)
```
#d8b788
```
#d8b788 rgb(216,183,136)
```
#deb882
```
#deb882 rgb(222,184,130)
```
#e4b97c
```
#e4b97c rgb(228,185,124)
```
#eaba76
```
#eaba76 rgb(234,186,118)
```
#f0bb70
```
#f0bb70 rgb(240,187,112)
```
#f6bc6a
```
#f6bc6a rgb(246,188,106)
```
#fcbd64
```
#fcbd64 rgb(252,189,100)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cbc1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c77a Protanopia 1% of men
#f0be77 Deuteranopia 1% of men
#f7b5c2 Tritanopia 0.001% of the population

Trichromacy

#e1c276 Protanomaly 1% of men, 0.01% of women
#f0bd74 Deuteranomaly 6% of men, 0.4% of women
#f5b7a4 Tritanomaly 0.01% of the population