#f5d161 hex color

In a RGB color space, hex #f5d161 is composed of 96.1% red, 82% green and 38% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.7% magenta, 60.4% yellow and 3.9% black. It has a hue angle of 45.4 degrees, a saturation of 88.1% and a lightness of 67.1%. #f5d161 color hex could be obtained by blending #ffffc2 with #eba300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 82
- B 38
RGB color chart
- C 0
- M 15
- Y 60
- K 4
CMYK color chart

● #f5d161 color description : Soft yellow.

The hexadecimal color #f5d161 has RGB values of R:245, G:209, B:97 and CMYK values of C:0, M:0.15, Y:0.6, K:0.04. Its decimal value is 16109921.

Hex triplet	f5d161	`#f5d161`
RGB Decimal	245, 209, 97	`rgb(245,209,97)`
RGB Percent	96.1, 82, 38	`rgb(96.1%,82%,38%)`
CMYK	0, 15, 60, 4
HSL	45.4°, 88.1, 67.1	`hsl(45.4,88.1%,67.1%)`
HSV (or HSB)	45.4°, 60.4, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.935, -0.002, 58.976
XYZ	62.615, 65.879, 20.726
xyY	0.42, 0.441, 65.879
CIE-LCH	84.935, 58.976, 90.002
CIE-LUV	84.935, 30.028, 71.094
Hunter-Lab	81.166, -4.337, 41.676
Binary	11110101, 11010001, 01100001

#f5d161
```
#f5d161 rgb(245,209,97)
```
#6185f5
```
#6185f5 rgb(97,133,245)
```

Complementary Color

#f58761
```
#f58761 rgb(245,135,97)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#cff561
```
#cff561 rgb(207,245,97)
```

Analogous Color

#8761f5
```
#8761f5 rgb(135,97,245)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#61cff5
```
#61cff5 rgb(97,207,245)
```

Split Complementary Color

#d161f5
```
#d161f5 rgb(209,97,245)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#61f5d1
```
#61f5d1 rgb(97,245,209)
```

Triadic Color

#f56185
```
#f56185 rgb(245,97,133)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#61f5d1
```
#61f5d1 rgb(97,245,209)
```
#6185f5
```
#6185f5 rgb(97,133,245)
```

Tetradic Color

#f0bc19
```
#f0bc19 rgb(240,188,25)
```
#f2c331
```
#f2c331 rgb(242,195,49)
```
#f3ca49
```
#f3ca49 rgb(243,202,73)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#f7d879
```
#f7d879 rgb(247,216,121)
```
#f8df91
```
#f8df91 rgb(248,223,145)
```
#fae6a9
```
#fae6a9 rgb(250,230,169)
```

Monochromatic Color

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

#f5ac61
```
#f5ac61 rgb(245,172,97)
```
#f5b861
```
#f5b861 rgb(245,184,97)
```
#f5c561
```
#f5c561 rgb(245,197,97)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#f5ea61
```
#f5ea61 rgb(245,234,97)
```
#f4f561
```
#f4f561 rgb(244,245,97)
```

Similar Colors

Text with hexadecimal color #f5d161

This text has a font color of #f5d161.

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

#f5d161 background color

This paragraph has a background color of #f5d161.

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

#f5d161 border color

This element has a border color of #f5d161.

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

CSS codes

.text {color:#f5d161;}

.background {background-color:#f5d161;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#1a1402
```
#1a1402 rgb(26,20,2)
```
#2d2303
```
#2d2303 rgb(45,35,3)
```
#3f3104
```
#3f3104 rgb(63,49,4)
```
#523f05
```
#523f05 rgb(82,63,5)
```
#644d06
```
#644d06 rgb(100,77,6)
```
#775c08
```
#775c08 rgb(119,92,8)
```
#896a09
```
#896a09 rgb(137,106,9)
```
#9c780a
```
#9c780a rgb(156,120,10)
```
#ae860b
```
#ae860b rgb(174,134,11)
```
#c1950c
```
#c1950c rgb(193,149,12)
```
#d3a30d
```
#d3a30d rgb(211,163,13)
```
#e5b10f
```
#e5b10f rgb(229,177,15)
```

Shade Color Variation

#f0bc17
```
#f0bc17 rgb(240,188,23)
```
#f1c12a
```
#f1c12a rgb(241,193,42)
```
#f3c63c
```
#f3c63c rgb(243,198,60)
```
#f4cc4f
```
#f4cc4f rgb(244,204,79)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#f6d673
```
#f6d673 rgb(246,214,115)
```
#f7dc86
```
#f7dc86 rgb(247,220,134)
```
#f9e198
```
#f9e198 rgb(249,225,152)
```
#fae6ab
```
#fae6ab rgb(250,230,171)
```
#fbecbd
```
#fbecbd rgb(251,236,189)
```
#fcf1d0
```
#fcf1d0 rgb(252,241,208)
```
#fdf7e2
```
#fdf7e2 rgb(253,247,226)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#aeada8
```
#aeada8 rgb(174,173,168)
```
#b4b0a2
```
#b4b0a2 rgb(180,176,162)
```
#bbb39b
```
#bbb39b rgb(187,179,155)
```
#c1b695
```
#c1b695 rgb(193,182,149)
```
#c8ba8e
```
#c8ba8e rgb(200,186,142)
```
#cebd88
```
#cebd88 rgb(206,189,136)
```
#d5c081
```
#d5c081 rgb(213,192,129)
```
#dbc47b
```
#dbc47b rgb(219,196,123)
```
#e2c774
```
#e2c774 rgb(226,199,116)
```
#e8ca6e
```
#e8ca6e rgb(232,202,110)
```
#efce67
```
#efce67 rgb(239,206,103)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#fbd45b
```
#fbd45b rgb(251,212,91)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#d7cfb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd66a Protanopia 1% of men
#ffce86 Deuteranopia 1% of men
#ffc7d5 Tritanopia 0.001% of the population

Trichromacy

#efd466 Protanomaly 1% of men, 0.01% of women
#fbcf78 Deuteranomaly 6% of men, 0.4% of women
#fbcbab Tritanomaly 0.01% of the population

#f5d161 hex color

#f5d161 Color Information

#f5d161 Color Conversion

Color Schemes with #f5d161

Alternatives to #f5d161

#f5d161 Preview

Shades and Tints of #f5d161

Tones of #f5d161

Color Blindness Simulator