#f2c705 hex color

In a RGB color space, hex #f2c705 is composed of 94.9% red, 78% green and 2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.8% magenta, 97.9% yellow and 5.1% black. It has a hue angle of 49.1 degrees, a saturation of 96% and a lightness of 48.4%. #f2c705 color hex could be obtained by blending #ffff0a with #e58f00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 95
- G 78
- B 2
RGB color chart
- C 0
- M 18
- Y 98
- K 5
CMYK color chart

● #f2c705 color description : Vivid yellow.

The hexadecimal color #f2c705 has RGB values of R:242, G:199, B:5 and CMYK values of C:0, M:0.18, Y:0.98, K:0.05. Its decimal value is 15910661.

Hex triplet	f2c705	`#f2c705`
RGB Decimal	242, 199, 5	`rgb(242,199,5)`
RGB Percent	94.9, 78, 2	`rgb(94.9%,78%,2%)`
CMYK	0, 18, 98, 5
HSL	49.1°, 96, 48.4	`hsl(49.1,96%,48.4%)`
HSV (or HSB)	49.1°, 97.9, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.695, 0.718, 82.403
XYZ	57.07, 59.738, 8.668
xyY	0.455, 0.476, 59.738
CIE-LCH	81.695, 82.406, 89.501
CIE-LUV	81.695, 37.493, 85.767
Hunter-Lab	77.29, -3.456, 47.454
Binary	11110010, 11000111, 00000101

#f2c705
```
#f2c705 rgb(242,199,5)
```
#0530f2
```
#0530f2 rgb(5,48,242)
```

Complementary Color

#f25105
```
#f25105 rgb(242,81,5)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#a7f205
```
#a7f205 rgb(167,242,5)
```

Analogous Color

#5005f2
```
#5005f2 rgb(80,5,242)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#05a7f2
```
#05a7f2 rgb(5,167,242)
```

Split Complementary Color

#c705f2
```
#c705f2 rgb(199,5,242)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#05f2c7
```
#05f2c7 rgb(5,242,199)
```

Triadic Color

#f20530
```
#f20530 rgb(242,5,48)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#05f2c7
```
#05f2c7 rgb(5,242,199)
```
#0530f2
```
#0530f2 rgb(5,48,242)
```

Tetradic Color

#a78903
```
#a78903 rgb(167,137,3)
```
#c09e04
```
#c09e04 rgb(192,158,4)
```
#d9b204
```
#d9b204 rgb(217,178,4)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#fad116
```
#fad116 rgb(250,209,22)
```
#fbd62f
```
#fbd62f rgb(251,214,47)
```
#fbdb48
```
#fbdb48 rgb(251,219,72)
```

Monochromatic Color

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

#f28c05
```
#f28c05 rgb(242,140,5)
```
#f2a005
```
#f2a005 rgb(242,160,5)
```
#f2b305
```
#f2b305 rgb(242,179,5)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```
#f2db05
```
#f2db05 rgb(242,219,5)
```
#f2ef05
```
#f2ef05 rgb(242,239,5)
```
#e2f205
```
#e2f205 rgb(226,242,5)
```

Similar Colors

Text with hexadecimal color #f2c705

This text has a font color of #f2c705.

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

#f2c705 background color

This paragraph has a background color of #f2c705.

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

#f2c705 border color

This element has a border color of #f2c705.

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

CSS codes

.text {color:#f2c705;}

.background {background-color:#f2c705;}

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

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 #fffdf7 is the lightest one.

#0b0900
```
#0b0900 rgb(11,9,0)
```
#1f1901
```
#1f1901 rgb(31,25,1)
```
#322901
```
#322901 rgb(50,41,1)
```
#453901
```
#453901 rgb(69,57,1)
```
#584902
```
#584902 rgb(88,73,2)
```
#6b5802
```
#6b5802 rgb(107,88,2)
```
#7f6803
```
#7f6803 rgb(127,104,3)
```
#927803
```
#927803 rgb(146,120,3)
```
#a58803
```
#a58803 rgb(165,136,3)
```
#b89804
```
#b89804 rgb(184,152,4)
```
#cca704
```
#cca704 rgb(204,167,4)
```
#dfb705
```
#dfb705 rgb(223,183,5)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```

Shade Color Variation

#fad011
```
#fad011 rgb(250,208,17)
```
#fad424
```
#fad424 rgb(250,212,36)
```
#fbd737
```
#fbd737 rgb(251,215,55)
```
#fbdb4a
```
#fbdb4a rgb(251,219,74)
```
#fcdf5d
```
#fcdf5d rgb(252,223,93)
```
#fce371
```
#fce371 rgb(252,227,113)
```
#fce784
```
#fce784 rgb(252,231,132)
```
#fdea97
```
#fdea97 rgb(253,234,151)
```
#fdeeaa
```
#fdeeaa rgb(253,238,170)
```
#fef2be
```
#fef2be rgb(254,242,190)
```
#fef6d1
```
#fef6d1 rgb(254,246,209)
```
#fefae4
```
#fefae4 rgb(254,250,228)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#807e77
```
#807e77 rgb(128,126,119)
```
#8a846e
```
#8a846e rgb(138,132,110)
```
#938a64
```
#938a64 rgb(147,138,100)
```
#9d915b
```
#9d915b rgb(157,145,91)
```
#a69751
```
#a69751 rgb(166,151,81)
```
#b09d48
```
#b09d48 rgb(176,157,72)
```
#b9a33e
```
#b9a33e rgb(185,163,62)
```
#c3a935
```
#c3a935 rgb(195,169,53)
```
#ccaf2b
```
#ccaf2b rgb(204,175,43)
```
#d6b522
```
#d6b522 rgb(214,181,34)
```
#dfbb18
```
#dfbb18 rgb(223,187,24)
```
#e9c10f
```
#e9c10f rgb(233,193,15)
```
#f2c705
```
#f2c705 rgb(242,199,5)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c8c099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6ce13 Protanopia 1% of men
#ffc440 Deuteranopia 1% of men
#fdbcc9 Tritanopia 0.001% of the population

Trichromacy

#eacb0e Protanomaly 1% of men, 0.01% of women
#fac52a Deuteranomaly 6% of men, 0.4% of women
#f9c082 Tritanomaly 0.01% of the population

#f2c705 hex color

#f2c705 Color Information

#f2c705 Color Conversion

Color Schemes with #f2c705

Alternatives to #f2c705

#f2c705 Preview

Shades and Tints of #f2c705

Tones of #f2c705

Color Blindness Simulator