#f3c485 hex color

In a RGB color space, hex #f3c485 is composed of 95.3% red, 76.9% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.3% magenta, 45.3% yellow and 4.7% black. It has a hue angle of 34.4 degrees, a saturation of 82.1% and a lightness of 73.7%. #f3c485 color hex could be obtained by blending #ffffff with #e7890b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 77
- B 52
RGB color chart
- C 0
- M 19
- Y 45
- K 5
CMYK color chart

● #f3c485 color description : Soft orange.

The hexadecimal color #f3c485 has RGB values of R:243, G:196, B:133 and CMYK values of C:0, M:0.19, Y:0.45, K:0.05. Its decimal value is 15975557.

Hex triplet	f3c485	`#f3c485`
RGB Decimal	243, 196, 133	`rgb(243,196,133)`
RGB Percent	95.3, 76.9, 52.2	`rgb(95.3%,76.9%,52.2%)`
CMYK	0, 19, 45, 5
HSL	34.4°, 82.1, 73.7	`hsl(34.4,82.1%,73.7%)`
HSV (or HSB)	34.4°, 45.3, 95.3
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.963, 8.881, 37.891
XYZ	60.936, 60.23, 30.605
xyY	0.401, 0.397, 60.23
CIE-LCH	81.963, 38.918, 76.809
CIE-LUV	81.963, 35.091, 47.832
Hunter-Lab	77.608, 4.339, 30.945
Binary	11110011, 11000100, 10000101

#f3c485
```
#f3c485 rgb(243,196,133)
```
#85b4f3
```
#85b4f3 rgb(133,180,243)
```

Complementary Color

#f38d85
```
#f38d85 rgb(243,141,133)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#ebf385
```
#ebf385 rgb(235,243,133)
```

Analogous Color

#8d85f3
```
#8d85f3 rgb(141,133,243)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#85ebf3
```
#85ebf3 rgb(133,235,243)
```

Split Complementary Color

#c485f3
```
#c485f3 rgb(196,133,243)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#85f3c4
```
#85f3c4 rgb(133,243,196)
```

Triadic Color

#f385b4
```
#f385b4 rgb(243,133,180)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#85f3c4
```
#85f3c4 rgb(133,243,196)
```
#85b4f3
```
#85b4f3 rgb(133,180,243)
```

Tetradic Color

#eca23f
```
#eca23f rgb(236,162,63)
```
#eeae57
```
#eeae57 rgb(238,174,87)
```
#f1b96e
```
#f1b96e rgb(241,185,110)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#f5cf9c
```
#f5cf9c rgb(245,207,156)
```
#f8dab3
```
#f8dab3 rgb(248,218,179)
```
#fae6cb
```
#fae6cb rgb(250,230,203)
```

Monochromatic Color

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

#f3a985
```
#f3a985 rgb(243,169,133)
```
#f3b285
```
#f3b285 rgb(243,178,133)
```
#f3bb85
```
#f3bb85 rgb(243,187,133)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#f3cd85
```
#f3cd85 rgb(243,205,133)
```
#f3d685
```
#f3d685 rgb(243,214,133)
```
#f3e085
```
#f3e085 rgb(243,224,133)
```

Similar Colors

Text with hexadecimal color #f3c485

This text has a font color of #f3c485.

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

#f3c485 background color

This paragraph has a background color of #f3c485.

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

#f3c485 border color

This element has a border color of #f3c485.

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

CSS codes

.text {color:#f3c485;}

.background {background-color:#f3c485;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150d02
```
#150d02 rgb(21,13,2)
```
#271804
```
#271804 rgb(39,24,4)
```
#392306
```
#392306 rgb(57,35,6)
```
#4a2e07
```
#4a2e07 rgb(74,46,7)
```
#5c3909
```
#5c3909 rgb(92,57,9)
```
#6e440b
```
#6e440b rgb(110,68,11)
```
#804f0d
```
#804f0d rgb(128,79,13)
```
#925a0e
```
#925a0e rgb(146,90,14)
```
#a46510
```
#a46510 rgb(164,101,16)
```
#b67012
```
#b67012 rgb(182,112,18)
```
#c77b14
```
#c77b14 rgb(199,123,20)
```
#d98615
```
#d98615 rgb(217,134,21)
```

Shade Color Variation

#e8901a
```
#e8901a rgb(232,144,26)
```
#ea992c
```
#ea992c rgb(234,153,44)
```
#eca13e
```
#eca13e rgb(236,161,62)
```
#eeaa4f
```
#eeaa4f rgb(238,170,79)
```
#efb361
```
#efb361 rgb(239,179,97)
```
#f1bb73
```
#f1bb73 rgb(241,187,115)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#f5cd97
```
#f5cd97 rgb(245,205,151)
```
#f7d5a9
```
#f7d5a9 rgb(247,213,169)
```
#f8debb
```
#f8debb rgb(248,222,187)
```
#fae7cc
```
#fae7cc rgb(250,231,204)
```
#fcefde
```
#fcefde rgb(252,239,222)
```
#fef8f0
```
#fef8f0 rgb(254,248,240)
```

Tint Color Variation

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

#bfbdb9
```
#bfbdb9 rgb(191,189,185)
```
#c5bdb3
```
#c5bdb3 rgb(197,189,179)
```
#cabeae
```
#cabeae rgb(202,190,174)
```
#cfbfa9
```
#cfbfa9 rgb(207,191,169)
```
#d4c0a4
```
#d4c0a4 rgb(212,192,164)
```
#d9c09f
```
#d9c09f rgb(217,192,159)
```
#dec19a
```
#dec19a rgb(222,193,154)
```
#e4c294
```
#e4c294 rgb(228,194,148)
```
#e9c38f
```
#e9c38f rgb(233,195,143)
```
#eec38a
```
#eec38a rgb(238,195,138)
```
#f3c485
```
#f3c485 rgb(243,196,133)
```
#f8c580
```
#f8c580 rgb(248,197,128)
```
#fdc57b
```
#fdc57b rgb(253,197,123)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d3cabd Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfce8e Protanopia 1% of men
#f6c68b Deuteranopia 1% of men
#fabecc Tritanopia 0.001% of the population

Trichromacy

#e6ca8a Protanomaly 1% of men, 0.01% of women
#f5c589 Deuteranomaly 6% of men, 0.4% of women
#f7c0b2 Tritanomaly 0.01% of the population

#f3c485 hex color

#f3c485 Color Information

#f3c485 Color Conversion

Color Schemes with #f3c485

Alternatives to #f3c485

#f3c485 Preview

Shades and Tints of #f3c485

Tones of #f3c485

Color Blindness Simulator