#f3f985 hex color

In a RGB color space, hex #f3f985 is composed of 95.3% red, 97.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 46.6% yellow and 2.4% black. It has a hue angle of 63.1 degrees, a saturation of 90.6% and a lightness of 74.9%. #f3f985 color hex could be obtained by blending #ffffff with #e7f30b. Closest websafe color is: #ffff99.

♥
- f
- t
- g
- R 95
- G 98
- B 52
RGB color chart
- C 2
- M 0
- Y 47
- K 2
CMYK color chart

● #f3f985 color description : Soft yellow.

The hexadecimal color #f3f985 has RGB values of R:243, G:249, B:133 and CMYK values of C:0.02, M:0, Y:0.47, K:0.02. Its decimal value is 15989125.

Hex triplet	f3f985	`#f3f985`
RGB Decimal	243, 249, 133	`rgb(243,249,133)`
RGB Percent	95.3, 97.6, 52.2	`rgb(95.3%,97.6%,52.2%)`
CMYK	2, 0, 47, 2
HSL	63.1°, 90.6, 74.9	`hsl(63.1,90.6%,74.9%)`
HSV (or HSB)	63.1°, 46.6, 97.6
Web Safe	ffff99	`#ffff99`

CIE-LAB	95.371, -17.865, 54.604
XYZ	75.071, 88.5, 35.317
xyY	0.377, 0.445, 88.5
CIE-LCH	95.371, 57.452, 108.117
CIE-LUV	95.371, 1.51, 73.974
Hunter-Lab	94.075, -22.189, 43.594
Binary	11110011, 11111001, 10000101

#f3f985
```
#f3f985 rgb(243,249,133)
```
#8b85f9
```
#8b85f9 rgb(139,133,249)
```

Complementary Color

#f9c585
```
#f9c585 rgb(249,197,133)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#b9f985
```
#b9f985 rgb(185,249,133)
```

Analogous Color

#c585f9
```
#c585f9 rgb(197,133,249)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#85b9f9
```
#85b9f9 rgb(133,185,249)
```

Split Complementary Color

#f985f3
```
#f985f3 rgb(249,133,243)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#85f3f9
```
#85f3f9 rgb(133,243,249)
```

Triadic Color

#f98b85
```
#f98b85 rgb(249,139,133)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#85f3f9
```
#85f3f9 rgb(133,243,249)
```
#8b85f9
```
#8b85f9 rgb(139,133,249)
```

Tetradic Color

#ecf53c
```
#ecf53c rgb(236,245,60)
```
#eef754
```
#eef754 rgb(238,247,84)
```
#f1f86d
```
#f1f86d rgb(241,248,109)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#f5fa9d
```
#f5fa9d rgb(245,250,157)
```
#f8fbb6
```
#f8fbb6 rgb(248,251,182)
```
#fafdce
```
#fafdce rgb(250,253,206)
```

Monochromatic Color

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

#f9e285
```
#f9e285 rgb(249,226,133)
```
#f9ec85
```
#f9ec85 rgb(249,236,133)
```
#f9f585
```
#f9f585 rgb(249,245,133)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#e9f985
```
#e9f985 rgb(233,249,133)
```
#e0f985
```
#e0f985 rgb(224,249,133)
```
#d6f985
```
#d6f985 rgb(214,249,133)
```

Similar Colors

Text with hexadecimal color #f3f985

This text has a font color of #f3f985.

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

#f3f985 background color

This paragraph has a background color of #f3f985.

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

#f3f985 border color

This element has a border color of #f3f985.

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

CSS codes

.text {color:#f3f985;}

.background {background-color:#f3f985;}

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

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

#080900
```
#080900 rgb(8,9,0)
```
#1a1c01
```
#1a1c01 rgb(26,28,1)
```
#2c2e02
```
#2c2e02 rgb(44,46,2)
```
#3e4103
```
#3e4103 rgb(62,65,3)
```
#505404
```
#505404 rgb(80,84,4)
```
#616605
```
#616605 rgb(97,102,5)
```
#737906
```
#737906 rgb(115,121,6)
```
#858c07
```
#858c07 rgb(133,140,7)
```
#979e08
```
#979e08 rgb(151,158,8)
```
#a8b109
```
#a8b109 rgb(168,177,9)
```
#bac40a
```
#bac40a rgb(186,196,10)
```
#ccd70b
```
#ccd70b rgb(204,215,11)
```
#dee90b
```
#dee90b rgb(222,233,11)
```

Shade Color Variation

#e8f315
```
#e8f315 rgb(232,243,21)
```
#eaf428
```
#eaf428 rgb(234,244,40)
```
#ecf53a
```
#ecf53a rgb(236,245,58)
```
#edf64d
```
#edf64d rgb(237,246,77)
```
#eff760
```
#eff760 rgb(239,247,96)
```
#f1f872
```
#f1f872 rgb(241,248,114)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#f5fa98
```
#f5fa98 rgb(245,250,152)
```
#f7fbaa
```
#f7fbaa rgb(247,251,170)
```
#f9fcbd
```
#f9fcbd rgb(249,252,189)
```
#fafdd0
```
#fafdd0 rgb(250,253,208)
```
#fcfee2
```
#fcfee2 rgb(252,254,226)
```
#fefff5
```
#fefff5 rgb(254,255,245)
```

Tint Color Variation

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

#c2c3bb
```
#c2c3bb rgb(194,195,187)
```
#c7c8b6
```
#c7c8b6 rgb(199,200,182)
```
#cbcdb1
```
#cbcdb1 rgb(203,205,177)
```
#d0d2ac
```
#d0d2ac rgb(208,210,172)
```
#d4d7a7
```
#d4d7a7 rgb(212,215,167)
```
#d9dba3
```
#d9dba3 rgb(217,219,163)
```
#dde09e
```
#dde09e rgb(221,224,158)
```
#e1e599
```
#e1e599 rgb(225,229,153)
```
#e6ea94
```
#e6ea94 rgb(230,234,148)
```
#eaef8f
```
#eaef8f rgb(234,239,143)
```
#eff48a
```
#eff48a rgb(239,244,138)
```
#f3f985
```
#f3f985 rgb(243,249,133)
```
#f7fe80
```
#f7fe80 rgb(247,254,128)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#ecedd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff2c5 Protanopia 1% of men
#fff0e1 Deuteranopia 1% of men
#ffedfb Tritanopia 0.001% of the population

Trichromacy

#faf4ad Protanomaly 1% of men, 0.01% of women
#faf3bf Deuteranomaly 6% of men, 0.4% of women
#faf1d0 Tritanomaly 0.01% of the population

#f3f985 hex color

#f3f985 Color Information

#f3f985 Color Conversion

Color Schemes with #f3f985

Alternatives to #f3f985

#f3f985 Preview

Shades and Tints of #f3f985

Tones of #f3f985

Color Blindness Simulator