#f2d526 hex color

In a RGB color space, hex #f2d526 is composed of 94.9% red, 83.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 51.5 degrees, a saturation of 88.7% and a lightness of 54.9%. #f2d526 color hex could be obtained by blending #ffff4c with #e5ab00. Closest websafe color is: #ffcc33.

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

● #f2d526 color description : Bright yellow.

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

Hex triplet	f2d526	`#f2d526`
RGB Decimal	242, 213, 38	`rgb(242,213,38)`
RGB Percent	94.9, 83.5, 14.9	`rgb(94.9%,83.5%,14.9%)`
CMYK	0, 12, 84, 5
HSL	51.5°, 88.7, 54.9	`hsl(51.5,88.7%,54.9%)`
HSV (or HSB)	51.5°, 84.3, 94.9
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	85.306, -5.934, 80.154
XYZ	60.763, 66.608, 11.49
xyY	0.438, 0.48, 66.608
CIE-LCH	85.306, 80.374, 94.234
CIE-LUV	85.306, 26.9, 88.109
Hunter-Lab	81.614, -9.928, 48.783
Binary	11110010, 11010101, 00100110

#f2d526
```
#f2d526 rgb(242,213,38)
```
#2643f2
```
#2643f2 rgb(38,67,242)
```

Complementary Color

#f26f26
```
#f26f26 rgb(242,111,38)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#a9f226
```
#a9f226 rgb(169,242,38)
```

Analogous Color

#6f26f2
```
#6f26f2 rgb(111,38,242)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#26a9f2
```
#26a9f2 rgb(38,169,242)
```

Split Complementary Color

#d526f2
```
#d526f2 rgb(213,38,242)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#26f2d5
```
#26f2d5 rgb(38,242,213)
```

Triadic Color

#f22643
```
#f22643 rgb(242,38,67)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#26f2d5
```
#26f2d5 rgb(38,242,213)
```
#2643f2
```
#2643f2 rgb(38,67,242)
```

Tetradic Color

#c0a60c
```
#c0a60c rgb(192,166,12)
```
#d8bb0d
```
#d8bb0d rgb(216,187,13)
```
#f0d00e
```
#f0d00e rgb(240,208,14)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#f3da3e
```
#f3da3e rgb(243,218,62)
```
#f5de56
```
#f5de56 rgb(245,222,86)
```
#f6e36e
```
#f6e36e rgb(246,227,110)
```

Monochromatic Color

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

#f2a226
```
#f2a226 rgb(242,162,38)
```
#f2b326
```
#f2b326 rgb(242,179,38)
```
#f2c426
```
#f2c426 rgb(242,196,38)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#f2e626
```
#f2e626 rgb(242,230,38)
```
#edf226
```
#edf226 rgb(237,242,38)
```
#dcf226
```
#dcf226 rgb(220,242,38)
```

Similar Colors

Text with hexadecimal color #f2d526

This text has a font color of #f2d526.

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

#f2d526 background color

This paragraph has a background color of #f2d526.

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

#f2d526 border color

This element has a border color of #f2d526.

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

CSS codes

.text {color:#f2d526;}

.background {background-color:#f2d526;}

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

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

#050400
```
#050400 rgb(5,4,0)
```
#181401
```
#181401 rgb(24,20,1)
```
#2a2403
```
#2a2403 rgb(42,36,3)
```
#3d3504
```
#3d3504 rgb(61,53,4)
```
#4f4505
```
#4f4505 rgb(79,69,5)
```
#625506
```
#625506 rgb(98,85,6)
```
#746507
```
#746507 rgb(116,101,7)
```
#877508
```
#877508 rgb(135,117,8)
```
#998509
```
#998509 rgb(153,133,9)
```
#ac950a
```
#ac950a rgb(172,149,10)
```
#bea50b
```
#bea50b rgb(190,165,11)
```
#d1b50d
```
#d1b50d rgb(209,181,13)
```
#e3c50e
```
#e3c50e rgb(227,197,14)
```

Shade Color Variation

#f1d113
```
#f1d113 rgb(241,209,19)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#f3d939
```
#f3d939 rgb(243,217,57)
```
#f4dc4b
```
#f4dc4b rgb(244,220,75)
```
#f5e05e
```
#f5e05e rgb(245,224,94)
```
#f6e370
```
#f6e370 rgb(246,227,112)
```
#f8e783
```
#f8e783 rgb(248,231,131)
```
#f9ea95
```
#f9ea95 rgb(249,234,149)
```
#faeea8
```
#faeea8 rgb(250,238,168)
```
#fbf2ba
```
#fbf2ba rgb(251,242,186)
```
#fcf5cd
```
#fcf5cd rgb(252,245,205)
```
#fdf9df
```
#fdf9df rgb(253,249,223)
```
#fefcf2
```
#fefcf2 rgb(254,252,242)
```

Tint Color Variation

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

#918f87
```
#918f87 rgb(145,143,135)
```
#9a967e
```
#9a967e rgb(154,150,126)
```
#a29c76
```
#a29c76 rgb(162,156,118)
```
#aba26d
```
#aba26d rgb(171,162,109)
```
#b4a964
```
#b4a964 rgb(180,169,100)
```
#bdaf5b
```
#bdaf5b rgb(189,175,91)
```
#c6b552
```
#c6b552 rgb(198,181,82)
```
#cfbc49
```
#cfbc49 rgb(207,188,73)
```
#d7c241
```
#d7c241 rgb(215,194,65)
```
#e0c838
```
#e0c838 rgb(224,200,56)
```
#e9cf2f
```
#e9cf2f rgb(233,207,47)
```
#f2d526
```
#f2d526 rgb(242,213,38)
```
#fbdb1d
```
#fbdb1d rgb(251,219,29)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d2cca9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d731 Protanopia 1% of men
#ffcf83 Deuteranopia 1% of men
#ffc9d7 Tritanopia 0.001% of the population

Trichromacy

#f1d62d Protanomaly 1% of men, 0.01% of women
#fad161 Deuteranomaly 6% of men, 0.4% of women
#facd96 Tritanomaly 0.01% of the population

#f2d526 hex color

#f2d526 Color Information

#f2d526 Color Conversion

Color Schemes with #f2d526

Alternatives to #f2d526

#f2d526 Preview

Shades and Tints of #f2d526

Tones of #f2d526

Color Blindness Simulator