#f1c242 hex color

In a RGB color space, hex #f1c242 is composed of 94.5% red, 76.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.5% magenta, 72.6% yellow and 5.5% black. It has a hue angle of 43.9 degrees, a saturation of 86.2% and a lightness of 60.2%. #f1c242 color hex could be obtained by blending #ffff84 with #e38500. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 95
- G 76
- B 26
RGB color chart
- C 0
- M 20
- Y 73
- K 5
CMYK color chart

● #f1c242 color description : Bright orange.

The hexadecimal color #f1c242 has RGB values of R:241, G:194, B:66 and CMYK values of C:0, M:0.2, Y:0.73, K:0.05. Its decimal value is 15843906.

Hex triplet	f1c242	`#f1c242`
RGB Decimal	241, 194, 66	`rgb(241,194,66)`
RGB Percent	94.5, 76.1, 25.9	`rgb(94.5%,76.1%,25.9%)`
CMYK	0, 20, 73, 5
HSL	43.9°, 86.2, 60.2	`hsl(43.9,86.2%,60.2%)`
HSV (or HSB)	43.9°, 72.6, 94.5
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	80.561, 4.328, 67.228
XYZ	56.552, 57.68, 13.309
xyY	0.443, 0.452, 57.68
CIE-LCH	80.561, 67.367, 86.316
CIE-LUV	80.561, 39.147, 74.85
Hunter-Lab	75.948, 0.005, 42.773
Binary	11110001, 11000010, 01000010

#f1c242
```
#f1c242 rgb(241,194,66)
```
#4271f1
```
#4271f1 rgb(66,113,241)
```

Complementary Color

#f16b42
```
#f16b42 rgb(241,107,66)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#c9f142
```
#c9f142 rgb(201,241,66)
```

Analogous Color

#6b42f1
```
#6b42f1 rgb(107,66,241)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#42c9f1
```
#42c9f1 rgb(66,201,241)
```

Split Complementary Color

#c242f1
```
#c242f1 rgb(194,66,241)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#42f1c2
```
#42f1c2 rgb(66,241,194)
```

Triadic Color

#f14271
```
#f14271 rgb(241,66,113)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#42f1c2
```
#42f1c2 rgb(66,241,194)
```
#4271f1
```
#4271f1 rgb(66,113,241)
```

Tetradic Color

#d7a110
```
#d7a110 rgb(215,161,16)
```
#edb313
```
#edb313 rgb(237,179,19)
```
#efba2a
```
#efba2a rgb(239,186,42)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#f3ca5a
```
#f3ca5a rgb(243,202,90)
```
#f5d171
```
#f5d171 rgb(245,209,113)
```
#f6d989
```
#f6d989 rgb(246,217,137)
```

Monochromatic Color

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

#f19642
```
#f19642 rgb(241,150,66)
```
#f1a542
```
#f1a542 rgb(241,165,66)
```
#f1b342
```
#f1b342 rgb(241,179,66)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#f1d142
```
#f1d142 rgb(241,209,66)
```
#f1df42
```
#f1df42 rgb(241,223,66)
```
#f1ee42
```
#f1ee42 rgb(241,238,66)
```

Similar Colors

Text with hexadecimal color #f1c242

This text has a font color of #f1c242.

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

#f1c242 background color

This paragraph has a background color of #f1c242.

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

#f1c242 border color

This element has a border color of #f1c242.

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

CSS codes

.text {color:#f1c242;}

.background {background-color:#f1c242;}

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

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, #0c0901 is the darkest color, while #fffdf9 is the lightest one.

#0c0901
```
#0c0901 rgb(12,9,1)
```
#1e1702
```
#1e1702 rgb(30,23,2)
```
#302404
```
#302404 rgb(48,36,4)
```
#433205
```
#433205 rgb(67,50,5)
```
#554006
```
#554006 rgb(85,64,6)
```
#674e08
```
#674e08 rgb(103,78,8)
```
#795b09
```
#795b09 rgb(121,91,9)
```
#8c690a
```
#8c690a rgb(140,105,10)
```
#9e770c
```
#9e770c rgb(158,119,12)
```
#b0840d
```
#b0840d rgb(176,132,13)
```
#c3920e
```
#c3920e rgb(195,146,14)
```
#d5a010
```
#d5a010 rgb(213,160,16)
```
#e7ae11
```
#e7ae11 rgb(231,174,17)
```

Shade Color Variation

#eeb61d
```
#eeb61d rgb(238,182,29)
```
#f0bc30
```
#f0bc30 rgb(240,188,48)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#f2c854
```
#f2c854 rgb(242,200,84)
```
#f4ce67
```
#f4ce67 rgb(244,206,103)
```
#f5d479
```
#f5d479 rgb(245,212,121)
```
#f6da8b
```
#f6da8b rgb(246,218,139)
```
#f8df9d
```
#f8df9d rgb(248,223,157)
```
#f9e5b0
```
#f9e5b0 rgb(249,229,176)
```
#faebc2
```
#faebc2 rgb(250,235,194)
```
#fcf1d4
```
#fcf1d4 rgb(252,241,212)
```
#fdf7e6
```
#fdf7e6 rgb(253,247,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#9b9a98
```
#9b9a98 rgb(155,154,152)
```
#a39e90
```
#a39e90 rgb(163,158,144)
```
#aba188
```
#aba188 rgb(171,161,136)
```
#b3a580
```
#b3a580 rgb(179,165,128)
```
#baa979
```
#baa979 rgb(186,169,121)
```
#c2ac71
```
#c2ac71 rgb(194,172,113)
```
#cab069
```
#cab069 rgb(202,176,105)
```
#d2b461
```
#d2b461 rgb(210,180,97)
```
#dab759
```
#dab759 rgb(218,183,89)
```
#e1bb52
```
#e1bb52 rgb(225,187,82)
```
#e9be4a
```
#e9be4a rgb(233,190,74)
```
#f1c242
```
#f1c242 rgb(241,194,66)
```
#f9c63a
```
#f9c63a rgb(249,198,58)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cbc1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1cb4d Protanopia 1% of men
#fac14d Deuteranopia 1% of men
#fbb9c6 Tritanopia 0.001% of the population

Trichromacy

#e7c749 Protanomaly 1% of men, 0.01% of women
#f7c149 Deuteranomaly 6% of men, 0.4% of women
#f7bc96 Tritanomaly 0.01% of the population

#f1c242 hex color

#f1c242 Color Information

#f1c242 Color Conversion

Color Schemes with #f1c242

Alternatives to #f1c242

#f1c242 Preview

Shades and Tints of #f1c242

Tones of #f1c242

Color Blindness Simulator