#f0f042 hex color

In a RGB color space, hex #f0f042 is composed of 94.1% red, 94.1% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 72.5% yellow and 5.9% black. It has a hue angle of 60 degrees, a saturation of 85.3% and a lightness of 60%. #f0f042 color hex could be obtained by blending #ffff84 with #e1e100. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 94
- G 94
- B 26
RGB color chart
- C 0
- M 0
- Y 73
- K 6
CMYK color chart

● #f0f042 color description : Bright yellow.

The hexadecimal color #f0f042 has RGB values of R:240, G:240, B:66 and CMYK values of C:0, M:0, Y:0.73, K:0.06. Its decimal value is 15790146.

Hex triplet	f0f042	`#f0f042`
RGB Decimal	240, 240, 66	`rgb(240,240,66)`
RGB Percent	94.1, 94.1, 25.9	`rgb(94.1%,94.1%,25.9%)`
CMYK	0, 0, 73, 6
HSL	60°, 85.3, 60	`hsl(60,85.3%,60%)`
HSV (or HSB)	60°, 72.5, 94.1
Web Safe	ffff33	`#ffff33`

CIE-LAB	92.238, -19.181, 78.401
XYZ	68.079, 81.24, 17.249
xyY	0.409, 0.488, 81.24
CIE-LCH	92.238, 80.713, 103.747
CIE-LUV	92.238, 6.738, 93.467
Hunter-Lab	90.133, -22.91, 51.747
Binary	11110000, 11110000, 01000010

#f0f042
```
#f0f042 rgb(240,240,66)
```
#4242f0
```
#4242f0 rgb(66,66,240)
```

Complementary Color

#f09942
```
#f09942 rgb(240,153,66)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#99f042
```
#99f042 rgb(153,240,66)
```

Analogous Color

#9942f0
```
#9942f0 rgb(153,66,240)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#4299f0
```
#4299f0 rgb(66,153,240)
```

Split Complementary Color

#f042f0
```
#f042f0 rgb(240,66,240)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#42f0f0
```
#42f0f0 rgb(66,240,240)
```

Triadic Color

#f04242
```
#f04242 rgb(240,66,66)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#42f0f0
```
#42f0f0 rgb(66,240,240)
```
#4242f0
```
#4242f0 rgb(66,66,240)
```

Tetradic Color

#d5d511
```
#d5d511 rgb(213,213,17)
```
#ecec13
```
#ecec13 rgb(236,236,19)
```
#eeee2a
```
#eeee2a rgb(238,238,42)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#f2f25a
```
#f2f25a rgb(242,242,90)
```
#f4f471
```
#f4f471 rgb(244,244,113)
```
#f6f689
```
#f6f689 rgb(246,246,137)
```

Monochromatic Color

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

#f0c542
```
#f0c542 rgb(240,197,66)
```
#f0d342
```
#f0d342 rgb(240,211,66)
```
#f0e242
```
#f0e242 rgb(240,226,66)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#e2f042
```
#e2f042 rgb(226,240,66)
```
#d3f042
```
#d3f042 rgb(211,240,66)
```
#c5f042
```
#c5f042 rgb(197,240,66)
```

Similar Colors

Text with hexadecimal color #f0f042

This text has a font color of #f0f042.

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

#f0f042 background color

This paragraph has a background color of #f0f042.

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

#f0f042 border color

This element has a border color of #f0f042.

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

CSS codes

.text {color:#f0f042;}

.background {background-color:#f0f042;}

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

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

#0b0b01
```
#0b0b01 rgb(11,11,1)
```
#1d1d02
```
#1d1d02 rgb(29,29,2)
```
#2f2f04
```
#2f2f04 rgb(47,47,4)
```
#414105
```
#414105 rgb(65,65,5)
```
#545407
```
#545407 rgb(84,84,7)
```
#666608
```
#666608 rgb(102,102,8)
```
#78780a
```
#78780a rgb(120,120,10)
```
#8a8a0b
```
#8a8a0b rgb(138,138,11)
```
#9c9c0c
```
#9c9c0c rgb(156,156,12)
```
#aeae0e
```
#aeae0e rgb(174,174,14)
```
#c1c10f
```
#c1c10f rgb(193,193,15)
```
#d3d311
```
#d3d311 rgb(211,211,17)
```
#e5e512
```
#e5e512 rgb(229,229,18)
```

Shade Color Variation

#eded1e
```
#eded1e rgb(237,237,30)
```
#efef30
```
#efef30 rgb(239,239,48)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#f1f154
```
#f1f154 rgb(241,241,84)
```
#f3f366
```
#f3f366 rgb(243,243,102)
```
#f4f479
```
#f4f479 rgb(244,244,121)
```
#f6f68b
```
#f6f68b rgb(246,246,139)
```
#f7f79d
```
#f7f79d rgb(247,247,157)
```
#f9f9af
```
#f9f9af rgb(249,249,175)
```
#fafac1
```
#fafac1 rgb(250,250,193)
```
#fcfcd3
```
#fcfcd3 rgb(252,252,211)
```
#fdfde6
```
#fdfde6 rgb(253,253,230)
```
#fefef8
```
#fefef8 rgb(254,254,248)
```

Tint Color Variation

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

#9a9a98
```
#9a9a98 rgb(154,154,152)
```
#a2a290
```
#a2a290 rgb(162,162,144)
```
#a9a989
```
#a9a989 rgb(169,169,137)
```
#b1b181
```
#b1b181 rgb(177,177,129)
```
#b9b979
```
#b9b979 rgb(185,185,121)
```
#c1c171
```
#c1c171 rgb(193,193,113)
```
#c9c969
```
#c9c969 rgb(201,201,105)
```
#d1d161
```
#d1d161 rgb(209,209,97)
```
#d8d85a
```
#d8d85a rgb(216,216,90)
```
#e0e052
```
#e0e052 rgb(224,224,82)
```
#e8e84a
```
#e8e84a rgb(232,232,74)
```
#f0f042
```
#f0f042 rgb(240,240,66)
```
#f8f83a
```
#f8f83a rgb(248,248,58)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#e0e0bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8a Protanopia 1% of men
#ffe6c7 Deuteranopia 1% of men
#ffe2f0 Tritanopia 0.001% of the population

Trichromacy

#f9ec70 Protanomaly 1% of men, 0.01% of women
#f9e997 Deuteranomaly 6% of men, 0.4% of women
#f9e7b1 Tritanomaly 0.01% of the population

#f0f042 hex color

#f0f042 Color Information

#f0f042 Color Conversion

Color Schemes with #f0f042

Alternatives to #f0f042

#f0f042 Preview

Shades and Tints of #f0f042

Tones of #f0f042

Color Blindness Simulator