#f5cf2a hex color

In a RGB color space, hex #f5cf2a is composed of 96.1% red, 81.2% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.5% magenta, 82.9% yellow and 3.9% black. It has a hue angle of 48.8 degrees, a saturation of 91% and a lightness of 56.3%. #f5cf2a color hex could be obtained by blending #ffff54 with #eb9f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 96
- G 81
- B 16
RGB color chart
- C 0
- M 16
- Y 83
- K 4
CMYK color chart

● #f5cf2a color description : Bright yellow.

The hexadecimal color #f5cf2a has RGB values of R:245, G:207, B:42 and CMYK values of C:0, M:0.16, Y:0.83, K:0.04. Its decimal value is 16109354.

Hex triplet	f5cf2a	`#f5cf2a`
RGB Decimal	245, 207, 42	`rgb(245,207,42)`
RGB Percent	96.1, 81.2, 16.5	`rgb(96.1%,81.2%,16.5%)`
CMYK	0, 16, 83, 4
HSL	48.8°, 91, 56.3	`hsl(48.8,91%,56.3%)`
HSV (or HSB)	48.8°, 82.9, 96.1
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	84.074, -1.513, 78.269
XYZ	60.388, 64.208, 11.403
xyY	0.444, 0.472, 64.208
CIE-LCH	84.074, 78.284, 91.107
CIE-LUV	84.074, 33.369, 85.254
Hunter-Lab	80.13, -5.705, 47.653
Binary	11110101, 11001111, 00101010

#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#2a50f5
```
#2a50f5 rgb(42,80,245)
```

Complementary Color

#f56a2a
```
#f56a2a rgb(245,106,42)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#b6f52a
```
#b6f52a rgb(182,245,42)
```

Analogous Color

#6a2af5
```
#6a2af5 rgb(106,42,245)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#2ab6f5
```
#2ab6f5 rgb(42,182,245)
```

Split Complementary Color

#cf2af5
```
#cf2af5 rgb(207,42,245)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#2af5cf
```
#2af5cf rgb(42,245,207)
```

Triadic Color

#f52a50
```
#f52a50 rgb(245,42,80)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#2af5cf
```
#2af5cf rgb(42,245,207)
```
#2a50f5
```
#2a50f5 rgb(42,80,245)
```

Tetradic Color

#c9a509
```
#c9a509 rgb(201,165,9)
```
#e1b90b
```
#e1b90b rgb(225,185,11)
```
#f4ca12
```
#f4ca12 rgb(244,202,18)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#f6d442
```
#f6d442 rgb(246,212,66)
```
#f7da5b
```
#f7da5b rgb(247,218,91)
```
#f8df73
```
#f8df73 rgb(248,223,115)
```

Monochromatic Color

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

#f59c2a
```
#f59c2a rgb(245,156,42)
```
#f5ad2a
```
#f5ad2a rgb(245,173,42)
```
#f5be2a
```
#f5be2a rgb(245,190,42)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#f5e02a
```
#f5e02a rgb(245,224,42)
```
#f5f12a
```
#f5f12a rgb(245,241,42)
```
#e8f52a
```
#e8f52a rgb(232,245,42)
```

Similar Colors

Text with hexadecimal color #f5cf2a

This text has a font color of #f5cf2a.

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

#f5cf2a background color

This paragraph has a background color of #f5cf2a.

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

#f5cf2a border color

This element has a border color of #f5cf2a.

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

CSS codes

.text {color:#f5cf2a;}

.background {background-color:#f5cf2a;}

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

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

#0c0a01
```
#0c0a01 rgb(12,10,1)
```
#1f1901
```
#1f1901 rgb(31,25,1)
```
#312902
```
#312902 rgb(49,41,2)
```
#443803
```
#443803 rgb(68,56,3)
```
#574704
```
#574704 rgb(87,71,4)
```
#6a5705
```
#6a5705 rgb(106,87,5)
```
#7c6606
```
#7c6606 rgb(124,102,6)
```
#8f7507
```
#8f7507 rgb(143,117,7)
```
#a28508
```
#a28508 rgb(162,133,8)
```
#b49408
```
#b49408 rgb(180,148,8)
```
#c7a409
```
#c7a409 rgb(199,164,9)
```
#dab30a
```
#dab30a rgb(218,179,10)
```
#edc20b
```
#edc20b rgb(237,194,11)
```

Shade Color Variation

#f4cb17
```
#f4cb17 rgb(244,203,23)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#f6d33d
```
#f6d33d rgb(246,211,61)
```
#f7d74f
```
#f7d74f rgb(247,215,79)
```
#f8dc62
```
#f8dc62 rgb(248,220,98)
```
#f9e075
```
#f9e075 rgb(249,224,117)
```
#f9e488
```
#f9e488 rgb(249,228,136)
```
#fae89a
```
#fae89a rgb(250,232,154)
```
#fbedad
```
#fbedad rgb(251,237,173)
```
#fcf1c0
```
#fcf1c0 rgb(252,241,192)
```
#fdf5d3
```
#fdf5d3 rgb(253,245,211)
```
#fef9e5
```
#fef9e5 rgb(254,249,229)
```
#fffdf8
```
#fffdf8 rgb(255,253,248)
```

Tint Color Variation

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

#979488
```
#979488 rgb(151,148,136)
```
#9f9980
```
#9f9980 rgb(159,153,128)
```
#a89f77
```
#a89f77 rgb(168,159,119)
```
#b0a46f
```
#b0a46f rgb(176,164,111)
```
#b9a966
```
#b9a966 rgb(185,169,102)
```
#c2af5d
```
#c2af5d rgb(194,175,93)
```
#cab455
```
#cab455 rgb(202,180,85)
```
#d3ba4c
```
#d3ba4c rgb(211,186,76)
```
#dbbf44
```
#dbbf44 rgb(219,191,68)
```
#e4c43b
```
#e4c43b rgb(228,196,59)
```
#ecca33
```
#ecca33 rgb(236,202,51)
```
#f5cf2a
```
#f5cf2a rgb(245,207,42)
```
#fed421
```
#fed421 rgb(254,212,33)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d1c9a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd435 Protanopia 1% of men
#ffcc73 Deuteranopia 1% of men
#ffc4d1 Tritanopia 0.001% of the population

Trichromacy

#f0d231 Protanomaly 1% of men, 0.01% of women
#fbcd58 Deuteranomaly 6% of men, 0.4% of women
#fbc894 Tritanomaly 0.01% of the population

#f5cf2a hex color

#f5cf2a Color Information

#f5cf2a Color Conversion

Color Schemes with #f5cf2a

Alternatives to #f5cf2a

#f5cf2a Preview

Shades and Tints of #f5cf2a

Tones of #f5cf2a

Color Blindness Simulator