#f5d701 hex color

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

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

● #f5d701 color description : Vivid yellow.

The hexadecimal color #f5d701 has RGB values of R:245, G:215, B:1 and CMYK values of C:0, M:0.12, Y:1, K:0.04. Its decimal value is 16111361.

Hex triplet	f5d701	`#f5d701`
RGB Decimal	245, 215, 1	`rgb(245,215,1)`
RGB Percent	96.1, 84.3, 0.4	`rgb(96.1%,84.3%,0.4%)`
CMYK	0, 12, 100, 4
HSL	52.6°, 99.2, 48.2	`hsl(52.6,99.2%,48.2%)`
HSV (or HSB)	52.6°, 99.6, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.015, -6.176, 85.974
XYZ	61.963, 68.018, 9.894
xyY	0.443, 0.486, 68.018
CIE-LCH	86.015, 86.195, 94.109
CIE-LUV	86.015, 28.029, 91.929
Hunter-Lab	82.473, -10.218, 50.618
Binary	11110101, 11010111, 00000001

#f5d701
```
#f5d701 rgb(245,215,1)
```
#011ff5
```
#011ff5 rgb(1,31,245)
```

Complementary Color

#f55d01
```
#f55d01 rgb(245,93,1)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#99f501
```
#99f501 rgb(153,245,1)
```

Analogous Color

#5d01f5
```
#5d01f5 rgb(93,1,245)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#0199f5
```
#0199f5 rgb(1,153,245)
```

Split Complementary Color

#d701f5
```
#d701f5 rgb(215,1,245)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#01f5d7
```
#01f5d7 rgb(1,245,215)
```

Triadic Color

#f5011f
```
#f5011f rgb(245,1,31)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#01f5d7
```
#01f5d7 rgb(1,245,215)
```
#011ff5
```
#011ff5 rgb(1,31,245)
```

Tetradic Color

#a99401
```
#a99401 rgb(169,148,1)
```
#c2aa01
```
#c2aa01 rgb(194,170,1)
```
#dcc101
```
#dcc101 rgb(220,193,1)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#fee111
```
#fee111 rgb(254,225,17)
```
#fee42b
```
#fee42b rgb(254,228,43)
```
#fee744
```
#fee744 rgb(254,231,68)
```

Monochromatic Color

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

#f59a01
```
#f59a01 rgb(245,154,1)
```
#f5ae01
```
#f5ae01 rgb(245,174,1)
```
#f5c301
```
#f5c301 rgb(245,195,1)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```
#f5eb01
```
#f5eb01 rgb(245,235,1)
```
#eaf501
```
#eaf501 rgb(234,245,1)
```
#d6f501
```
#d6f501 rgb(214,245,1)
```

Similar Colors

Text with hexadecimal color #f5d701

This text has a font color of #f5d701.

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

#f5d701 background color

This paragraph has a background color of #f5d701.

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

#f5d701 border color

This element has a border color of #f5d701.

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

CSS codes

.text {color:#f5d701;}

.background {background-color:#f5d701;}

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

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)
```
#322c00
```
#322c00 rgb(50,44,0)
```
#453d00
```
#453d00 rgb(69,61,0)
```
#594e00
```
#594e00 rgb(89,78,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)
```
#baa401
```
#baa401 rgb(186,164,1)
```
#ceb501
```
#ceb501 rgb(206,181,1)
```
#e1c601
```
#e1c601 rgb(225,198,1)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```

Shade Color Variation

#fee00c
```
#fee00c rgb(254,224,12)
```
#fee31f
```
#fee31f rgb(254,227,31)
```
#fee533
```
#fee533 rgb(254,229,51)
```
#fee846
```
#fee846 rgb(254,232,70)
```
#feea5a
```
#feea5a rgb(254,234,90)
```
#feed6d
```
#feed6d rgb(254,237,109)
```
#feef81
```
#feef81 rgb(254,239,129)
```
#fff294
```
#fff294 rgb(255,242,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 #f5d701 is the most saturated one.

#838173
```
#838173 rgb(131,129,115)
```
#8d8969
```
#8d8969 rgb(141,137,105)
```
#969060
```
#969060 rgb(150,144,96)
```
#a09756
```
#a09756 rgb(160,151,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)
```
#d9c21d
```
#d9c21d rgb(217,194,29)
```
#e2c914
```
#e2c914 rgb(226,201,20)
```
#ecd00a
```
#ecd00a rgb(236,208,10)
```
#f5d701
```
#f5d701 rgb(245,215,1)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d1cba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f3d909 Protanopia 1% of men
#ffd28b Deuteranopia 1% of men
#ffccd8 Tritanopia 0.001% of the population

Trichromacy

#f4d806 Protanomaly 1% of men, 0.01% of women
#fbd459 Deuteranomaly 6% of men, 0.4% of women
#fbd08a Tritanomaly 0.01% of the population

#f5d701 hex color

#f5d701 Color Information

#f5d701 Color Conversion

Color Schemes with #f5d701

Alternatives to #f5d701

#f5d701 Preview

Shades and Tints of #f5d701

Tones of #f5d701

Color Blindness Simulator