#f0b94b hex color

In a RGB color space, hex #f0b94b is composed of 94.1% red, 72.5% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 68.8% yellow and 5.9% black. It has a hue angle of 40 degrees, a saturation of 84.6% and a lightness of 61.8%. #f0b94b color hex could be obtained by blending #ffff96 with #e17300. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 94
- G 73
- B 29
RGB color chart
- C 0
- M 23
- Y 69
- K 6
CMYK color chart

● #f0b94b color description : Soft orange.

The hexadecimal color #f0b94b has RGB values of R:240, G:185, B:75 and CMYK values of C:0, M:0.23, Y:0.69, K:0.06. Its decimal value is 15776075.

Hex triplet	f0b94b	`#f0b94b`
RGB Decimal	240, 185, 75	`rgb(240,185,75)`
RGB Percent	94.1, 72.5, 29.4	`rgb(94.1%,72.5%,29.4%)`
CMYK	0, 23, 69, 6
HSL	40°, 84.6, 61.8	`hsl(40,84.6%,61.8%)`
HSV (or HSB)	40°, 68.8, 94.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	78.306, 9.037, 61.282
XYZ	54.555, 53.734, 14.155
xyY	0.446, 0.439, 53.734
CIE-LCH	78.306, 61.944, 81.611
CIE-LUV	78.306, 44.602, 68.41
Hunter-Lab	73.303, 4.565, 39.864
Binary	11110000, 10111001, 01001011

#f0b94b
```
#f0b94b rgb(240,185,75)
```
#4b82f0
```
#4b82f0 rgb(75,130,240)
```

Complementary Color

#f0674b
```
#f0674b rgb(240,103,75)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#d5f04b
```
#d5f04b rgb(213,240,75)
```

Analogous Color

#674bf0
```
#674bf0 rgb(103,75,240)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#4bd5f0
```
#4bd5f0 rgb(75,213,240)
```

Split Complementary Color

#b94bf0
```
#b94bf0 rgb(185,75,240)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#4bf0b9
```
#4bf0b9 rgb(75,240,185)
```

Triadic Color

#f04b82
```
#f04b82 rgb(240,75,130)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#4bf0b9
```
#4bf0b9 rgb(75,240,185)
```
#4b82f0
```
#4b82f0 rgb(75,130,240)
```

Tetradic Color

#dc9912
```
#dc9912 rgb(220,153,18)
```
#eca71c
```
#eca71c rgb(236,167,28)
```
#eeb033
```
#eeb033 rgb(238,176,51)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#f2c263
```
#f2c263 rgb(242,194,99)
```
#f4cb7a
```
#f4cb7a rgb(244,203,122)
```
#f6d492
```
#f6d492 rgb(246,212,146)
```

Monochromatic Color

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

#f0904b
```
#f0904b rgb(240,144,75)
```
#f09e4b
```
#f09e4b rgb(240,158,75)
```
#f0ab4b
```
#f0ab4b rgb(240,171,75)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#f0c74b
```
#f0c74b rgb(240,199,75)
```
#f0d54b
```
#f0d54b rgb(240,213,75)
```
#f0e24b
```
#f0e24b rgb(240,226,75)
```

Similar Colors

Text with hexadecimal color #f0b94b

This text has a font color of #f0b94b.

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

#f0b94b background color

This paragraph has a background color of #f0b94b.

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

#f0b94b border color

This element has a border color of #f0b94b.

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

CSS codes

.text {color:#f0b94b;}

.background {background-color:#f0b94b;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#130d02
```
#130d02 rgb(19,13,2)
```
#251a03
```
#251a03 rgb(37,26,3)
```
#372605
```
#372605 rgb(55,38,5)
```
#493306
```
#493306 rgb(73,51,6)
```
#5c4008
```
#5c4008 rgb(92,64,8)
```
#6e4c09
```
#6e4c09 rgb(110,76,9)
```
#80590b
```
#80590b rgb(128,89,11)
```
#92650c
```
#92650c rgb(146,101,12)
```
#a4720e
```
#a4720e rgb(164,114,14)
```
#b67e0f
```
#b67e0f rgb(182,126,15)
```
#c88b11
```
#c88b11 rgb(200,139,17)
```
#da9812
```
#da9812 rgb(218,152,18)
```

Shade Color Variation

#eba415
```
#eba415 rgb(235,164,21)
```
#edab27
```
#edab27 rgb(237,171,39)
```
#eeb239
```
#eeb239 rgb(238,178,57)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#f2c05d
```
#f2c05d rgb(242,192,93)
```
#f3c76f
```
#f3c76f rgb(243,199,111)
```
#f5ce81
```
#f5ce81 rgb(245,206,129)
```
#f6d593
```
#f6d593 rgb(246,213,147)
```
#f8dca6
```
#f8dca6 rgb(248,220,166)
```
#f9e3b8
```
#f9e3b8 rgb(249,227,184)
```
#fbeaca
```
#fbeaca rgb(251,234,202)
```
#fcf1dc
```
#fcf1dc rgb(252,241,220)
```
#fef8ee
```
#fef8ee rgb(254,248,238)
```

Tint Color Variation

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

#a5a096
```
#a5a096 rgb(165,160,150)
```
#ada38f
```
#ada38f rgb(173,163,143)
```
#b4a587
```
#b4a587 rgb(180,165,135)
```
#bca880
```
#bca880 rgb(188,168,128)
```
#c3aa78
```
#c3aa78 rgb(195,170,120)
```
#cbad71
```
#cbad71 rgb(203,173,113)
```
#d2af69
```
#d2af69 rgb(210,175,105)
```
#dab262
```
#dab262 rgb(218,178,98)
```
#e1b45a
```
#e1b45a rgb(225,180,90)
```
#e9b753
```
#e9b753 rgb(233,183,83)
```
#f0b94b
```
#f0b94b rgb(240,185,75)
```
#f8bc44
```
#f8bc44 rgb(248,188,68)
```
#ffbe3c
```
#ffbe3c rgb(255,190,60)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c7bca6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac556 Protanopia 1% of men
#f2bb54 Deuteranopia 1% of men
#f9b1bd Tritanopia 0.001% of the population

Trichromacy

#e2c052 Protanomaly 1% of men, 0.01% of women
#f1ba51 Deuteranomaly 6% of men, 0.4% of women
#f5b494 Tritanomaly 0.01% of the population

#f0b94b hex color

#f0b94b Color Information

#f0b94b Color Conversion

Color Schemes with #f0b94b

Alternatives to #f0b94b

#f0b94b Preview

Shades and Tints of #f0b94b

Tones of #f0b94b

Color Blindness Simulator