#f5dd61 hex color

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

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

● #f5dd61 color description : Soft yellow.

The hexadecimal color #f5dd61 has RGB values of R:245, G:221, B:97 and CMYK values of C:0, M:0.1, Y:0.6, K:0.04. Its decimal value is 16112993.

Hex triplet	f5dd61	`#f5dd61`
RGB Decimal	245, 221, 97	`rgb(245,221,97)`
RGB Percent	96.1, 86.7, 38	`rgb(96.1%,86.7%,38%)`
CMYK	0, 10, 60, 4
HSL	50.3°, 88.1, 67.1	`hsl(50.3,88.1%,67.1%)`
HSV (or HSB)	50.3°, 60.4, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.964, -6.095, 62.344
XYZ	65.671, 71.99, 21.745
xyY	0.412, 0.452, 71.99
CIE-LCH	87.964, 62.641, 95.584
CIE-LUV	87.964, 21.86, 76.379
Hunter-Lab	84.847, -10.326, 44.198
Binary	11110101, 11011101, 01100001

#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#6179f5
```
#6179f5 rgb(97,121,245)
```

Complementary Color

#f59361
```
#f59361 rgb(245,147,97)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#c3f561
```
#c3f561 rgb(195,245,97)
```

Analogous Color

#9361f5
```
#9361f5 rgb(147,97,245)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#61c3f5
```
#61c3f5 rgb(97,195,245)
```

Split Complementary Color

#dd61f5
```
#dd61f5 rgb(221,97,245)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#61f5dd
```
#61f5dd rgb(97,245,221)
```

Triadic Color

#f56179
```
#f56179 rgb(245,97,121)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#61f5dd
```
#61f5dd rgb(97,245,221)
```
#6179f5
```
#6179f5 rgb(97,121,245)
```

Tetradic Color

#f0ce19
```
#f0ce19 rgb(240,206,25)
```
#f2d331
```
#f2d331 rgb(242,211,49)
```
#f3d849
```
#f3d849 rgb(243,216,73)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#f7e279
```
#f7e279 rgb(247,226,121)
```
#f8e791
```
#f8e791 rgb(248,231,145)
```
#faeca9
```
#faeca9 rgb(250,236,169)
```

Monochromatic Color

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

#f5b861
```
#f5b861 rgb(245,184,97)
```
#f5c461
```
#f5c461 rgb(245,196,97)
```
#f5d161
```
#f5d161 rgb(245,209,97)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#f5e961
```
#f5e961 rgb(245,233,97)
```
#f4f561
```
#f4f561 rgb(244,245,97)
```
#e8f561
```
#e8f561 rgb(232,245,97)
```

Similar Colors

Text with hexadecimal color #f5dd61

This text has a font color of #f5dd61.

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

#f5dd61 background color

This paragraph has a background color of #f5dd61.

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

#f5dd61 border color

This element has a border color of #f5dd61.

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

CSS codes

.text {color:#f5dd61;}

.background {background-color:#f5dd61;}

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

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

#080701
```
#080701 rgb(8,7,1)
```
#1a1602
```
#1a1602 rgb(26,22,2)
```
#2d2603
```
#2d2603 rgb(45,38,3)
```
#3f3604
```
#3f3604 rgb(63,54,4)
```
#524505
```
#524505 rgb(82,69,5)
```
#645506
```
#645506 rgb(100,85,6)
```
#776508
```
#776508 rgb(119,101,8)
```
#897409
```
#897409 rgb(137,116,9)
```
#9c840a
```
#9c840a rgb(156,132,10)
```
#ae940b
```
#ae940b rgb(174,148,11)
```
#c1a30c
```
#c1a30c rgb(193,163,12)
```
#d3b30d
```
#d3b30d rgb(211,179,13)
```
#e5c30f
```
#e5c30f rgb(229,195,15)
```

Shade Color Variation

#f0cd17
```
#f0cd17 rgb(240,205,23)
```
#f1d12a
```
#f1d12a rgb(241,209,42)
```
#f3d53c
```
#f3d53c rgb(243,213,60)
```
#f4d94f
```
#f4d94f rgb(244,217,79)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#f6e173
```
#f6e173 rgb(246,225,115)
```
#f7e586
```
#f7e586 rgb(247,229,134)
```
#f9e998
```
#f9e998 rgb(249,233,152)
```
#faedab
```
#faedab rgb(250,237,171)
```
#fbf1bd
```
#fbf1bd rgb(251,241,189)
```
#fcf5d0
```
#fcf5d0 rgb(252,245,208)
```
#fdf9e2
```
#fdf9e2 rgb(253,249,226)
```
#fefdf5
```
#fefdf5 rgb(254,253,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 #fbe15b is the most saturated one.

#aeada8
```
#aeada8 rgb(174,173,168)
```
#b4b1a2
```
#b4b1a2 rgb(180,177,162)
```
#bbb69b
```
#bbb69b rgb(187,182,155)
```
#c1ba95
```
#c1ba95 rgb(193,186,149)
```
#c8be8e
```
#c8be8e rgb(200,190,142)
```
#cec388
```
#cec388 rgb(206,195,136)
```
#d5c781
```
#d5c781 rgb(213,199,129)
```
#dbcc7b
```
#dbcc7b rgb(219,204,123)
```
#e2d074
```
#e2d074 rgb(226,208,116)
```
#e8d46e
```
#e8d46e rgb(232,212,110)
```
#efd967
```
#efd967 rgb(239,217,103)
```
#f5dd61
```
#f5dd61 rgb(245,221,97)
```
#fbe15b
```
#fbe15b rgb(251,225,91)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#dcd7bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5de69 Protanopia 1% of men
#ffd8a5 Deuteranopia 1% of men
#ffd3e0 Tritanopia 0.001% of the population

Trichromacy

#f5de66 Protanomaly 1% of men, 0.01% of women
#fbd98c Deuteranomaly 6% of men, 0.4% of women
#fbd6b2 Tritanomaly 0.01% of the population

#f5dd61 hex color

#f5dd61 Color Information

#f5dd61 Color Conversion

Color Schemes with #f5dd61

Alternatives to #f5dd61

#f5dd61 Preview

Shades and Tints of #f5dd61

Tones of #f5dd61

Color Blindness Simulator