#f2d501 hex color

In a RGB color space, hex #f2d501 is composed of 94.9% red, 83.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 52.8 degrees, a saturation of 99.2% and a lightness of 47.6%. #f2d501 color hex could be obtained by blending #ffff02 with #e5ab00. Closest websafe color is: #ffcc00.

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

● #f2d501 color description : Vivid yellow.

The hexadecimal color #f2d501 has RGB values of R:242, G:213, B:1 and CMYK values of C:0, M:0.12, Y:1, K:0.05. Its decimal value is 15914241.

Hex triplet	f2d501	`#f2d501`
RGB Decimal	242, 213, 1	`rgb(242,213,1)`
RGB Percent	94.9, 83.5, 0.4	`rgb(94.9%,83.5%,0.4%)`
CMYK	0, 12, 100, 5
HSL	52.8°, 99.2, 47.6	`hsl(52.8,99.2%,47.6%)`
HSV (or HSB)	52.8°, 99.6, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	85.236, -6.448, 85.293
XYZ	60.418, 66.47, 9.676
xyY	0.442, 0.487, 66.47
CIE-LCH	85.236, 85.536, 94.323
CIE-LUV	85.236, 27.251, 91.158
Hunter-Lab	81.529, -10.396, 50.034
Binary	11110010, 11010101, 00000001

#f2d501
```
#f2d501 rgb(242,213,1)
```
#011ef2
```
#011ef2 rgb(1,30,242)
```

Complementary Color

#f25c01
```
#f25c01 rgb(242,92,1)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#97f201
```
#97f201 rgb(151,242,1)
```

Analogous Color

#5c01f2
```
#5c01f2 rgb(92,1,242)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#0197f2
```
#0197f2 rgb(1,151,242)
```

Split Complementary Color

#d501f2
```
#d501f2 rgb(213,1,242)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#01f2d5
```
#01f2d5 rgb(1,242,213)
```

Triadic Color

#f2011e
```
#f2011e rgb(242,1,30)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#01f2d5
```
#01f2d5 rgb(1,242,213)
```
#011ef2
```
#011ef2 rgb(1,30,242)
```

Tetradic Color

#a69201
```
#a69201 rgb(166,146,1)
```
#bfa801
```
#bfa801 rgb(191,168,1)
```
#d9bf01
```
#d9bf01 rgb(217,191,1)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#fee10e
```
#fee10e rgb(254,225,14)
```
#fee428
```
#fee428 rgb(254,228,40)
```
#fee741
```
#fee741 rgb(254,231,65)
```

Monochromatic Color

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

#f29901
```
#f29901 rgb(242,153,1)
```
#f2ad01
```
#f2ad01 rgb(242,173,1)
```
#f2c101
```
#f2c101 rgb(242,193,1)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```
#f2e901
```
#f2e901 rgb(242,233,1)
```
#e7f201
```
#e7f201 rgb(231,242,1)
```
#d3f201
```
#d3f201 rgb(211,242,1)
```

Similar Colors

Text with hexadecimal color #f2d501

This text has a font color of #f2d501.

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

#f2d501 background color

This paragraph has a background color of #f2d501.

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

#f2d501 border color

This element has a border color of #f2d501.

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

CSS codes

.text {color:#f2d501;}

.background {background-color:#f2d501;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1800
```
#1b1800 rgb(27,24,0)
```
#2f2900
```
#2f2900 rgb(47,41,0)
```
#423a00
```
#423a00 rgb(66,58,0)
```
#564b00
```
#564b00 rgb(86,75,0)
```
#695d00
```
#695d00 rgb(105,93,0)
```
#7d6e01
```
#7d6e01 rgb(125,110,1)
```
#907f01
```
#907f01 rgb(144,127,1)
```
#a49001
```
#a49001 rgb(164,144,1)
```
#b7a101
```
#b7a101 rgb(183,161,1)
```
#cbb301
```
#cbb301 rgb(203,179,1)
```
#dec401
```
#dec401 rgb(222,196,1)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```

Shade Color Variation

#fee009
```
#fee009 rgb(254,224,9)
```
#fee31c
```
#fee31c rgb(254,227,28)
```
#fee530
```
#fee530 rgb(254,229,48)
```
#fee843
```
#fee843 rgb(254,232,67)
```
#feea57
```
#feea57 rgb(254,234,87)
```
#feed6a
```
#feed6a rgb(254,237,106)
```
#feef7e
```
#feef7e rgb(254,239,126)
```
#fff191
```
#fff191 rgb(255,241,145)
```
#fff4a5
```
#fff4a5 rgb(255,244,165)
```
#fff6b8
```
#fff6b8 rgb(255,246,184)
```
#fff9cc
```
#fff9cc rgb(255,249,204)
```
#fffbe0
```
#fffbe0 rgb(255,251,224)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#828071
```
#828071 rgb(130,128,113)
```
#8b8768
```
#8b8768 rgb(139,135,104)
```
#958e5e
```
#958e5e rgb(149,142,94)
```
#9e9555
```
#9e9555 rgb(158,149,85)
```
#a79c4c
```
#a79c4c rgb(167,156,76)
```
#b1a342
```
#b1a342 rgb(177,163,66)
```
#baaa39
```
#baaa39 rgb(186,170,57)
```
#c3b230
```
#c3b230 rgb(195,178,48)
```
#cdb926
```
#cdb926 rgb(205,185,38)
```
#d6c01d
```
#d6c01d rgb(214,192,29)
```
#dfc714
```
#dfc714 rgb(223,199,20)
```
#e9ce0a
```
#e9ce0a rgb(233,206,10)
```
#f2d501
```
#f2d501 rgb(242,213,1)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#cfc99f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d709 Protanopia 1% of men
#ffcf81 Deuteranopia 1% of men
#ffc9d6 Tritanopia 0.001% of the population

Trichromacy

#f1d606 Protanomaly 1% of men, 0.01% of women
#fad152 Deuteranomaly 6% of men, 0.4% of women
#facd89 Tritanomaly 0.01% of the population

#f2d501 hex color

#f2d501 Color Information

#f2d501 Color Conversion

Color Schemes with #f2d501

Alternatives to #f2d501

#f2d501 Preview

Shades and Tints of #f2d501

Tones of #f2d501

Color Blindness Simulator