#f2c50d hex color

In a RGB color space, hex #f2c50d is composed of 94.9% red, 77.3% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.6% magenta, 94.6% yellow and 5.1% black. It has a hue angle of 48.2 degrees, a saturation of 89.8% and a lightness of 50%. #f2c50d color hex could be obtained by blending #ffff1a with #e58b00. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 95
- G 77
- B 5
RGB color chart
- C 0
- M 19
- Y 95
- K 5
CMYK color chart

● #f2c50d color description : Vivid yellow.

The hexadecimal color #f2c50d has RGB values of R:242, G:197, B:13 and CMYK values of C:0, M:0.19, Y:0.95, K:0.05. Its decimal value is 15910157.

Hex triplet	f2c50d	`#f2c50d`
RGB Decimal	242, 197, 13	`rgb(242,197,13)`
RGB Percent	94.9, 77.3, 5.1	`rgb(94.9%,77.3%,5.1%)`
CMYK	0, 19, 95, 5
HSL	48.2°, 89.8, 50	`hsl(48.2,89.8%,50%)`
HSV (or HSB)	48.2°, 94.6, 94.9
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	81.204, 1.817, 81.273
XYZ	56.658, 58.841, 8.754
xyY	0.456, 0.474, 58.841
CIE-LCH	81.204, 81.293, 88.719
CIE-LUV	81.204, 38.932, 84.596
Hunter-Lab	76.708, -2.397, 46.929
Binary	11110010, 11000101, 00001101

#f2c50d
```
#f2c50d rgb(242,197,13)
```
#0d3af2
```
#0d3af2 rgb(13,58,242)
```

Complementary Color

#f2530d
```
#f2530d rgb(242,83,13)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#adf20d
```
#adf20d rgb(173,242,13)
```

Analogous Color

#530df2
```
#530df2 rgb(83,13,242)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#0dadf2
```
#0dadf2 rgb(13,173,242)
```

Split Complementary Color

#c50df2
```
#c50df2 rgb(197,13,242)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#0df2c5
```
#0df2c5 rgb(13,242,197)
```

Triadic Color

#f20d3a
```
#f20d3a rgb(242,13,58)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#0df2c5
```
#0df2c5 rgb(13,242,197)
```
#0d3af2
```
#0d3af2 rgb(13,58,242)
```

Tetradic Color

#a98a09
```
#a98a09 rgb(169,138,9)
```
#c29e0a
```
#c29e0a rgb(194,158,10)
```
#dab10c
```
#dab10c rgb(218,177,12)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#f3cb25
```
#f3cb25 rgb(243,203,37)
```
#f5d13d
```
#f5d13d rgb(245,209,61)
```
#f6d656
```
#f6d656 rgb(246,214,86)
```

Monochromatic Color

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

#f28c0d
```
#f28c0d rgb(242,140,13)
```
#f29f0d
```
#f29f0d rgb(242,159,13)
```
#f2b20d
```
#f2b20d rgb(242,178,13)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#f2d80d
```
#f2d80d rgb(242,216,13)
```
#f2eb0d
```
#f2eb0d rgb(242,235,13)
```
#e6f20d
```
#e6f20d rgb(230,242,13)
```

Similar Colors

Text with hexadecimal color #f2c50d

This text has a font color of #f2c50d.

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

#f2c50d background color

This paragraph has a background color of #f2c50d.

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

#f2c50d border color

This element has a border color of #f2c50d.

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

CSS codes

.text {color:#f2c50d;}

.background {background-color:#f2c50d;}

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

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, #130f01 is the darkest color, while #ffffff is the lightest one.

#130f01
```
#130f01 rgb(19,15,1)
```
#251e02
```
#251e02 rgb(37,30,2)
```
#382d03
```
#382d03 rgb(56,45,3)
```
#4a3d04
```
#4a3d04 rgb(74,61,4)
```
#5d4c05
```
#5d4c05 rgb(93,76,5)
```
#705b06
```
#705b06 rgb(112,91,6)
```
#826a07
```
#826a07 rgb(130,106,7)
```
#957908
```
#957908 rgb(149,121,8)
```
#a88809
```
#a88809 rgb(168,136,9)
```
#ba980a
```
#ba980a rgb(186,152,10)
```
#cda70b
```
#cda70b rgb(205,167,11)
```
#dfb60c
```
#dfb60c rgb(223,182,12)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```

Shade Color Variation

#f3c920
```
#f3c920 rgb(243,201,32)
```
#f4ce32
```
#f4ce32 rgb(244,206,50)
```
#f5d245
```
#f5d245 rgb(245,210,69)
```
#f6d757
```
#f6d757 rgb(246,215,87)
```
#f7db6a
```
#f7db6a rgb(247,219,106)
```
#f8e07d
```
#f8e07d rgb(248,224,125)
```
#f9e48f
```
#f9e48f rgb(249,228,143)
```
#fae9a2
```
#fae9a2 rgb(250,233,162)
```
#fbedb5
```
#fbedb5 rgb(251,237,181)
```
#fcf2c7
```
#fcf2c7 rgb(252,242,199)
```
#fdf6da
```
#fdf6da rgb(253,246,218)
```
#fefbec
```
#fefbec rgb(254,251,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#868479
```
#868479 rgb(134,132,121)
```
#90896f
```
#90896f rgb(144,137,111)
```
#9a8f65
```
#9a8f65 rgb(154,143,101)
```
#a4955b
```
#a4955b rgb(164,149,91)
```
#ad9b52
```
#ad9b52 rgb(173,155,82)
```
#b7a148
```
#b7a148 rgb(183,161,72)
```
#c1a73e
```
#c1a73e rgb(193,167,62)
```
#cbad34
```
#cbad34 rgb(203,173,52)
```
#d5b32a
```
#d5b32a rgb(213,179,42)
```
#deb921
```
#deb921 rgb(222,185,33)
```
#e8bf17
```
#e8bf17 rgb(232,191,23)
```
#f2c50d
```
#f2c50d rgb(242,197,13)
```
#fccb03
```
#fccb03 rgb(252,203,3)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c8bf9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5cc1b Protanopia 1% of men
#ffc22d Deuteranopia 1% of men
#fdbac7 Tritanopia 0.001% of the population

Trichromacy

#e9ca16 Protanomaly 1% of men, 0.01% of women
#fac321 Deuteranomaly 6% of men, 0.4% of women
#f9be83 Tritanomaly 0.01% of the population

#f2c50d hex color

#f2c50d Color Information

#f2c50d Color Conversion

Color Schemes with #f2c50d

Alternatives to #f2c50d

#f2c50d Preview

Shades and Tints of #f2c50d

Tones of #f2c50d

Color Blindness Simulator