#f5d601 hex color

In a RGB color space, hex #f5d601 is composed of 96.1% red, 83.9% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.7% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 52.4 degrees, a saturation of 99.2% and a lightness of 48.2%. #f5d601 color hex could be obtained by blending #ffff02 with #ebad00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 96
- G 84
- B 0
RGB color chart
- C 0
- M 13
- Y 100
- K 4
CMYK color chart

● #f5d601 color description : Vivid yellow.

The hexadecimal color #f5d601 has RGB values of R:245, G:214, B:1 and CMYK values of C:0, M:0.13, Y:1, K:0.04. Its decimal value is 16111105.

Hex triplet	f5d601	`#f5d601`
RGB Decimal	245, 214, 1	`rgb(245,214,1)`
RGB Percent	96.1, 83.9, 0.4	`rgb(96.1%,83.9%,0.4%)`
CMYK	0, 13, 100, 4
HSL	52.4°, 99.2, 48.2	`hsl(52.4,99.2%,48.2%)`
HSV (or HSB)	52.4°, 99.6, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.761, -5.672, 85.792
XYZ	61.709, 67.51, 9.809
xyY	0.444, 0.486, 67.51
CIE-LCH	85.761, 85.98, 93.783
CIE-LUV	85.761, 28.749, 91.559
Hunter-Lab	82.165, -9.727, 50.437
Binary	11110101, 11010110, 00000001

#f5d601
```
#f5d601 rgb(245,214,1)
```
#0120f5
```
#0120f5 rgb(1,32,245)
```

Complementary Color

#f55c01
```
#f55c01 rgb(245,92,1)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#9af501
```
#9af501 rgb(154,245,1)
```

Analogous Color

#5c01f5
```
#5c01f5 rgb(92,1,245)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#019af5
```
#019af5 rgb(1,154,245)
```

Split Complementary Color

#d601f5
```
#d601f5 rgb(214,1,245)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#01f5d6
```
#01f5d6 rgb(1,245,214)
```

Triadic Color

#f50120
```
#f50120 rgb(245,1,32)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#01f5d6
```
#01f5d6 rgb(1,245,214)
```
#0120f5
```
#0120f5 rgb(1,32,245)
```

Tetradic Color

#a99301
```
#a99301 rgb(169,147,1)
```
#c2aa01
```
#c2aa01 rgb(194,170,1)
```
#dcc001
```
#dcc001 rgb(220,192,1)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#fee011
```
#fee011 rgb(254,224,17)
```
#fee32b
```
#fee32b rgb(254,227,43)
```
#fee744
```
#fee744 rgb(254,231,68)
```

Monochromatic Color

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

#f59901
```
#f59901 rgb(245,153,1)
```
#f5ad01
```
#f5ad01 rgb(245,173,1)
```
#f5c201
```
#f5c201 rgb(245,194,1)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```
#f5ea01
```
#f5ea01 rgb(245,234,1)
```
#ebf501
```
#ebf501 rgb(235,245,1)
```
#d7f501
```
#d7f501 rgb(215,245,1)
```

Similar Colors

Text with hexadecimal color #f5d601

This text has a font color of #f5d601.

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

#f5d601 background color

This paragraph has a background color of #f5d601.

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

#f5d601 border color

This element has a border color of #f5d601.

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

CSS codes

.text {color:#f5d601;}

.background {background-color:#f5d601;}

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

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, #0b0900 is the darkest color, while #fffef6 is the lightest one.

#0b0900
```
#0b0900 rgb(11,9,0)
```
#1e1a00
```
#1e1a00 rgb(30,26,0)
```
#322b00
```
#322b00 rgb(50,43,0)
```
#453c00
```
#453c00 rgb(69,60,0)
```
#594d00
```
#594d00 rgb(89,77,0)
```
#6c5f00
```
#6c5f00 rgb(108,95,0)
```
#807001
```
#807001 rgb(128,112,1)
```
#938101
```
#938101 rgb(147,129,1)
```
#a79201
```
#a79201 rgb(167,146,1)
```
#baa301
```
#baa301 rgb(186,163,1)
```
#ceb401
```
#ceb401 rgb(206,180,1)
```
#e1c501
```
#e1c501 rgb(225,197,1)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```

Shade Color Variation

#fedf0c
```
#fedf0c rgb(254,223,12)
```
#fee21f
```
#fee21f rgb(254,226,31)
```
#fee433
```
#fee433 rgb(254,228,51)
```
#fee746
```
#fee746 rgb(254,231,70)
```
#fee95a
```
#fee95a rgb(254,233,90)
```
#feec6d
```
#feec6d rgb(254,236,109)
```
#feef81
```
#feef81 rgb(254,239,129)
```
#fff194
```
#fff194 rgb(255,241,148)
```
#fff4a8
```
#fff4a8 rgb(255,244,168)
```
#fff6bb
```
#fff6bb rgb(255,246,187)
```
#fff9cf
```
#fff9cf rgb(255,249,207)
```
#fffbe3
```
#fffbe3 rgb(255,251,227)
```
#fffef6
```
#fffef6 rgb(255,254,246)
```

Tint Color Variation

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

#838173
```
#838173 rgb(131,129,115)
```
#8d8869
```
#8d8869 rgb(141,136,105)
```
#968f60
```
#968f60 rgb(150,143,96)
```
#a09656
```
#a09656 rgb(160,150,86)
```
#a99e4d
```
#a99e4d rgb(169,158,77)
```
#b3a543
```
#b3a543 rgb(179,165,67)
```
#bcac3a
```
#bcac3a rgb(188,172,58)
```
#c6b330
```
#c6b330 rgb(198,179,48)
```
#cfba27
```
#cfba27 rgb(207,186,39)
```
#d9c11d
```
#d9c11d rgb(217,193,29)
```
#e2c814
```
#e2c814 rgb(226,200,20)
```
#eccf0a
```
#eccf0a rgb(236,207,10)
```
#f5d601
```
#f5d601 rgb(245,214,1)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0ca9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d80a Protanopia 1% of men
#ffd188 Deuteranopia 1% of men
#ffcbd7 Tritanopia 0.001% of the population

Trichromacy

#f3d706 Protanomaly 1% of men, 0.01% of women
#fbd357 Deuteranomaly 6% of men, 0.4% of women
#fbcf89 Tritanomaly 0.01% of the population

#f5d601 hex color

#f5d601 Color Information

#f5d601 Color Conversion

Color Schemes with #f5d601

Alternatives to #f5d601

#f5d601 Preview

Shades and Tints of #f5d601

Tones of #f5d601

Color Blindness Simulator