#f2d801 hex color

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

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

● #f2d801 color description : Vivid yellow.

The hexadecimal color #f2d801 has RGB values of R:242, G:216, B:1 and CMYK values of C:0, M:0.11, Y:1, K:0.05. Its decimal value is 15915009.

Hex triplet	f2d801	`#f2d801`
RGB Decimal	242, 216, 1	`rgb(242,216,1)`
RGB Percent	94.9, 84.7, 0.4	`rgb(94.9%,84.7%,0.4%)`
CMYK	0, 11, 100, 5
HSL	53.5°, 99.2, 47.6	`hsl(53.5,99.2%,47.6%)`
HSV (or HSB)	53.5°, 99.6, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	86.003, -7.957, 85.842
XYZ	61.18, 67.993, 9.93
xyY	0.44, 0.489, 67.993
CIE-LCH	86.003, 86.21, 95.296
CIE-LUV	86.003, 25.107, 92.271
Hunter-Lab	82.458, -11.863, 50.58
Binary	11110010, 11011000, 00000001

#f2d801
```
#f2d801 rgb(242,216,1)
```
#011bf2
```
#011bf2 rgb(1,27,242)
```

Complementary Color

#f25f01
```
#f25f01 rgb(242,95,1)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#94f201
```
#94f201 rgb(148,242,1)
```

Analogous Color

#5f01f2
```
#5f01f2 rgb(95,1,242)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#0194f2
```
#0194f2 rgb(1,148,242)
```

Split Complementary Color

#d801f2
```
#d801f2 rgb(216,1,242)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#01f2d8
```
#01f2d8 rgb(1,242,216)
```

Triadic Color

#f2011b
```
#f2011b rgb(242,1,27)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#01f2d8
```
#01f2d8 rgb(1,242,216)
```
#011bf2
```
#011bf2 rgb(1,27,242)
```

Tetradic Color

#a69401
```
#a69401 rgb(166,148,1)
```
#bfab01
```
#bfab01 rgb(191,171,1)
```
#d9c101
```
#d9c101 rgb(217,193,1)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#fee40e
```
#fee40e rgb(254,228,14)
```
#fee728
```
#fee728 rgb(254,231,40)
```
#feea41
```
#feea41 rgb(254,234,65)
```

Monochromatic Color

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

#f29c01
```
#f29c01 rgb(242,156,1)
```
#f2b001
```
#f2b001 rgb(242,176,1)
```
#f2c401
```
#f2c401 rgb(242,196,1)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```
#f2ec01
```
#f2ec01 rgb(242,236,1)
```
#e4f201
```
#e4f201 rgb(228,242,1)
```
#d0f201
```
#d0f201 rgb(208,242,1)
```

Similar Colors

Text with hexadecimal color #f2d801

This text has a font color of #f2d801.

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

#f2d801 background color

This paragraph has a background color of #f2d801.

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

#f2d801 border color

This element has a border color of #f2d801.

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

CSS codes

.text {color:#f2d801;}

.background {background-color:#f2d801;}

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

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)
```
#2f2a00
```
#2f2a00 rgb(47,42,0)
```
#423b00
```
#423b00 rgb(66,59,0)
```
#564d00
```
#564d00 rgb(86,77,0)
```
#695e00
```
#695e00 rgb(105,94,0)
```
#7d6f01
```
#7d6f01 rgb(125,111,1)
```
#908101
```
#908101 rgb(144,129,1)
```
#a49201
```
#a49201 rgb(164,146,1)
```
#b7a401
```
#b7a401 rgb(183,164,1)
```
#cbb501
```
#cbb501 rgb(203,181,1)
```
#dec701
```
#dec701 rgb(222,199,1)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```

Shade Color Variation

#fee409
```
#fee409 rgb(254,228,9)
```
#fee61c
```
#fee61c rgb(254,230,28)
```
#fee830
```
#fee830 rgb(254,232,48)
```
#feea43
```
#feea43 rgb(254,234,67)
```
#feec57
```
#feec57 rgb(254,236,87)
```
#feee6a
```
#feee6a rgb(254,238,106)
```
#fef17e
```
#fef17e rgb(254,241,126)
```
#fff391
```
#fff391 rgb(255,243,145)
```
#fff5a5
```
#fff5a5 rgb(255,245,165)
```
#fff7b8
```
#fff7b8 rgb(255,247,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 #f2d801 is the most saturated one.

#828071
```
#828071 rgb(130,128,113)
```
#8b8768
```
#8b8768 rgb(139,135,104)
```
#958f5e
```
#958f5e rgb(149,143,94)
```
#9e9655
```
#9e9655 rgb(158,150,85)
```
#a79d4c
```
#a79d4c rgb(167,157,76)
```
#b1a542
```
#b1a542 rgb(177,165,66)
```
#baac39
```
#baac39 rgb(186,172,57)
```
#c3b330
```
#c3b330 rgb(195,179,48)
```
#cdbb26
```
#cdbb26 rgb(205,187,38)
```
#d6c21d
```
#d6c21d rgb(214,194,29)
```
#dfc914
```
#dfc914 rgb(223,201,20)
```
#e9d10a
```
#e9d10a rgb(233,209,10)
```
#f2d801
```
#f2d801 rgb(242,216,1)
```

Tone Color Variation

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

#f3d907 Protanopia 1% of men
#ffd28b Deuteranopia 1% of men
#ffcbd9 Tritanopia 0.001% of the population

Trichromacy

#f3d905 Protanomaly 1% of men, 0.01% of women
#fad459 Deuteranomaly 6% of men, 0.4% of women
#fad08a Tritanomaly 0.01% of the population

#f2d801 hex color

#f2d801 Color Information

#f2d801 Color Conversion

Color Schemes with #f2d801

Alternatives to #f2d801

#f2d801 Preview

Shades and Tints of #f2d801

Tones of #f2d801

Color Blindness Simulator