colorhexa.com

#f4b485 hex color

In a RGB color space, hex #f4b485 is composed of 95.7% red, 70.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.2% magenta, 45.5% yellow and 4.3% black. It has a hue angle of 25.4 degrees, a saturation of 83.5% and a lightness of 73.9%. #f4b485 color hex could be obtained by blending #ffffff with #e9690b. Closest websafe color is: #ffcc99.

- R 96
- G 71
- B 52
RGB color chart
- C 0
- M 26
- Y 45
- K 4
CMYK color chart

● #f4b485 color description : Soft orange.

The hexadecimal color #f4b485 has RGB values of R:244, G:180, B:133 and CMYK values of C:0, M:0.26, Y:0.45, K:0.04. Its decimal value is 16036997.

Hex triplet	f4b485	`#f4b485`
RGB Decimal	244, 180, 133	`rgb(244,180,133)`
RGB Percent	95.7, 70.6, 52.2	`rgb(95.7%,70.6%,52.2%)`
CMYK	0, 26, 45, 4
HSL	25.4°, 83.5, 73.9	`hsl(25.4,83.5%,73.9%)`
HSV (or HSB)	25.4°, 45.5, 95.7
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	78.211, 17.682, 33.045
XYZ	57.863, 53.572, 29.482
xyY	0.411, 0.38, 53.572
CIE-LCH	78.211, 37.478, 61.85
CIE-LUV	78.211, 46.592, 39.905
Hunter-Lab	73.193, 13.028, 27.353
Binary	11110100, 10110100, 10000101

#f4b485
```
#f4b485 rgb(244,180,133)
```
#85c5f4
```
#85c5f4 rgb(133,197,244)
```

Complementary Color

#f4858e
```
#f4858e rgb(244,133,142)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f4ec85
```
#f4ec85 rgb(244,236,133)
```

Analogous Color

#858ef4
```
#858ef4 rgb(133,142,244)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#85f4ec
```
#85f4ec rgb(133,244,236)
```

Split Complementary Color

#b485f4
```
#b485f4 rgb(180,133,244)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#85f4b4
```
#85f4b4 rgb(133,244,180)
```

Triadic Color

#f485c5
```
#f485c5 rgb(244,133,197)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#85f4b4
```
#85f4b4 rgb(133,244,180)
```
#85c5f4
```
#85c5f4 rgb(133,197,244)
```

Tetradic Color

#ee893f
```
#ee893f rgb(238,137,63)
```
#f09756
```
#f09756 rgb(240,151,86)
```
#f2a66e
```
#f2a66e rgb(242,166,110)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f6c29c
```
#f6c29c rgb(246,194,156)
```
#f8d1b4
```
#f8d1b4 rgb(248,209,180)
```
#fadfcb
```
#fadfcb rgb(250,223,203)
```

Monochromatic Color

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

#f49885
```
#f49885 rgb(244,152,133)
```
#f4a285
```
#f4a285 rgb(244,162,133)
```
#f4ab85
```
#f4ab85 rgb(244,171,133)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f4bd85
```
#f4bd85 rgb(244,189,133)
```
#f4c785
```
#f4c785 rgb(244,199,133)
```
#f4d085
```
#f4d085 rgb(244,208,133)
```

Similar Colors

Text with hexadecimal color #f4b485

This text has a font color of #f4b485.

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

#f4b485 background color

This paragraph has a background color of #f4b485.

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

#f4b485 border color

This element has a border color of #f4b485.

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

CSS codes

.text {color:#f4b485;}

.background {background-color:#f4b485;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#160a02
```
#160a02 rgb(22,10,2)
```
#281304
```
#281304 rgb(40,19,4)
```
#3a1c05
```
#3a1c05 rgb(58,28,5)
```
#4c2407
```
#4c2407 rgb(76,36,7)
```
#5e2d08
```
#5e2d08 rgb(94,45,8)
```
#70350a
```
#70350a rgb(112,53,10)
```
#823e0c
```
#823e0c rgb(130,62,12)
```
#94460d
```
#94460d rgb(148,70,13)
```
#a64f0f
```
#a64f0f rgb(166,79,15)
```
#b85711
```
#b85711 rgb(184,87,17)
```
#ca6012
```
#ca6012 rgb(202,96,18)
```
#dc6914
```
#dc6914 rgb(220,105,20)
```

Shade Color Variation

#ea7219
```
#ea7219 rgb(234,114,25)
```
#ec7d2b
```
#ec7d2b rgb(236,125,43)
```
#ee883d
```
#ee883d rgb(238,136,61)
```
#ef934f
```
#ef934f rgb(239,147,79)
```
#f19e61
```
#f19e61 rgb(241,158,97)
```
#f2a973
```
#f2a973 rgb(242,169,115)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f6bf97
```
#f6bf97 rgb(246,191,151)
```
#f7caa9
```
#f7caa9 rgb(247,202,169)
```
#f9d5bb
```
#f9d5bb rgb(249,213,187)
```
#fae0cd
```
#fae0cd rgb(250,224,205)
```
#fcebdf
```
#fcebdf rgb(252,235,223)
```
#fef6f1
```
#fef6f1 rgb(254,246,241)
```

Tint Color Variation

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

#c1bcb8
```
#c1bcb8 rgb(193,188,184)
```
#c6bbb3
```
#c6bbb3 rgb(198,187,179)
```
#cbbaae
```
#cbbaae rgb(203,186,174)
```
#d0b9a9
```
#d0b9a9 rgb(208,185,169)
```
#d5b9a4
```
#d5b9a4 rgb(213,185,164)
```
#dab89f
```
#dab89f rgb(218,184,159)
```
#e0b799
```
#e0b799 rgb(224,183,153)
```
#e5b694
```
#e5b694 rgb(229,182,148)
```
#eab68f
```
#eab68f rgb(234,182,143)
```
#efb58a
```
#efb58a rgb(239,181,138)
```
#f4b485
```
#f4b485 rgb(244,180,133)
```
#f9b380
```
#f9b380 rgb(249,179,128)
```
#feb27b
```
#feb27b rgb(254,178,123)
```

Tone Color Variation

Below, you can see how #f4b485 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
#ccbfb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c490 Protanopia 1% of men
#e9bc89 Deuteranopia 1% of men
#f9b1bd Tritanopia 0.001% of the population

Trichromacy

#dfbe8c Protanomaly 1% of men, 0.01% of women
#edb988 Deuteranomaly 6% of men, 0.4% of women
#f7b2a8 Tritanomaly 0.01% of the population