#f2f354 Color Information
In a RGB color space, hex #f2f354 is composed of 94.9% red, 95.3% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0.4% cyan, 0% magenta, 65.4% yellow and 4.7% black. It has a hue angle of 60.4 degrees, a saturation of 86.9% and a lightness of 64.1%. #f2f354 color hex could be obtained by blending #ffffa8 with #e5e700. Closest websafe color is: #ffff66.
-
- R 95
- G 95
- B 33
-
- C 0
- M 0
- Y 65
- K 5
● #f2f354 color description : Soft yellow.
#f2f354 Color Conversion
The hexadecimal color #f2f354 has RGB values of R:242, G:243, B:84 and CMYK values of C:0, M:0, Y:0.65, K:0.05. Its decimal value is 15922004.
Hex triplet | f2f354 | #f2f354 |
---|---|---|
RGB Decimal | 242, 243, 84 | rgb(242,243,84) |
RGB Percent | 94.9, 95.3, 32.9 | rgb(94.9%,95.3%,32.9%) |
CMYK | 0, 0, 65, 5 | |
HSL | 60.4°, 86.9, 64.1 | hsl(60.4,86.9%,64.1%) |
HSV (or HSB) | 60.4°, 65.4, 95.3 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 93.285, -18.946, 73.19 |
---|---|
XYZ | 70.269, 83.62, 20.826 |
xyY | 0.402, 0.479, 83.62 |
CIE-LCH | 93.285, 75.602, 104.513 |
CIE-LUV | 93.285, 5.826, 90.033 |
Hunter-Lab | 91.444, -22.861, 50.508 |
Binary | 11110010, 11110011, 01010100 |
Color Schemes with #f2f354
Alternatives to #f2f354
Below, you can see some colors close to #f2f354. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2f354 Preview
This text has a font color of #f2f354.
<span style="color:#f2f354;">Text here</span>
This paragraph has a background color of #f2f354.
<p style="background-color:#f2f354;">Content here</p>
This element has a border color of #f2f354.
<div style="border:1px solid #f2f354;">Content here</div>
.text {color:#f2f354;}
.background {background-color:#f2f354;}
.border {border:1px solid #f2f354;}
Shades and Tints of #f2f354
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, #0c0c01 is the darkest color, while #fffff9 is the lightest one.
-
#0c0c01
#0c0c01
rgb(12,12,1)
-
#1e1f02
#1e1f02
rgb(30,31,2)
-
#313103
#313103
rgb(49,49,3)
-
#434305
#434305
rgb(67,67,5)
-
#555606
#555606
rgb(85,86,6)
-
#676807
#676807
rgb(103,104,7)
-
#7a7a09
#7a7a09
rgb(122,122,9)
-
#8c8d0a
#8c8d0a
rgb(140,141,10)
-
#9e9f0b
#9e9f0b
rgb(158,159,11)
-
#b0b10c
#b0b10c
rgb(176,177,12)
-
#c2c40e
#c2c40e
rgb(194,196,14)
-
#d5d60f
#d5d60f
rgb(213,214,15)
-
#e7e810
#e7e810
rgb(231,232,16)
-
#eeef1d
#eeef1d
rgb(238,239,29)
-
#eff02f
#eff02f
rgb(239,240,47)
-
#f1f242
#f1f242
rgb(241,242,66)
-
#f2f354
#f2f354
rgb(242,243,84)
-
#f3f466
#f3f466
rgb(243,244,102)
-
#f5f679
#f5f679
rgb(245,246,121)
-
#f6f78b
#f6f78b
rgb(246,247,139)
-
#f8f89d
#f8f89d
rgb(248,248,157)
-
#f9f9b0
#f9f9b0
rgb(249,249,176)
-
#fafbc2
#fafbc2
rgb(250,251,194)
-
#fcfcd4
#fcfcd4
rgb(252,252,212)
-
#fdfde7
#fdfde7
rgb(253,253,231)
-
#fffff9
#fffff9
rgb(255,255,249)
Tones of #f2f354
A tone is produced by adding gray to any pure hue. In this case, #a6a6a1 is the less saturated color, while #f9fa4d is the most saturated one.
-
#a6a6a1
#a6a6a1
rgb(166,166,161)
-
#adad9a
#adad9a
rgb(173,173,154)
-
#b3b493
#b3b493
rgb(179,180,147)
-
#babb8c
#babb8c
rgb(186,187,140)
-
#c1c285
#c1c285
rgb(193,194,133)
-
#c8c97e
#c8c97e
rgb(200,201,126)
-
#cfd077
#cfd077
rgb(207,208,119)
-
#d6d770
#d6d770
rgb(214,215,112)
-
#ddde69
#ddde69
rgb(221,222,105)
-
#e4e562
#e4e562
rgb(228,229,98)
-
#ebec5b
#ebec5b
rgb(235,236,91)
-
#f2f354
#f2f354
rgb(242,243,84)
-
#f9fa4d
#f9fa4d
rgb(249,250,77)
Color Blindness Simulator
Below, you can see how #f2f354 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.