#f5f130 hex color

In a RGB color space, hex #f5f130 is composed of 96.1% red, 94.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 58.8 degrees, a saturation of 90.8% and a lightness of 57.5%. #f5f130 color hex could be obtained by blending #ffff60 with #ebe300. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 96
- G 95
- B 19
RGB color chart
- C 0
- M 2
- Y 80
- K 4
CMYK color chart

● #f5f130 color description : Bright yellow.

The hexadecimal color #f5f130 has RGB values of R:245, G:241, B:48 and CMYK values of C:0, M:0.02, Y:0.8, K:0.04. Its decimal value is 16118064.

Hex triplet	f5f130	`#f5f130`
RGB Decimal	245, 241, 48	`rgb(245,241,48)`
RGB Percent	96.1, 94.5, 18.8	`rgb(96.1%,94.5%,18.8%)`
CMYK	0, 2, 80, 4
HSL	58.8°, 90.8, 57.5	`hsl(58.8,90.8%,57.5%)`
HSV (or HSB)	58.8°, 80.4, 96.1
Web Safe	ffff33	`#ffff33`

CIE-LAB	92.812, -18.247, 84.178
XYZ	69.645, 82.538, 15.059
xyY	0.416, 0.494, 82.538
CIE-LCH	92.812, 86.133, 102.231
CIE-LUV	92.812, 9.744, 97.418
Hunter-Lab	90.85, -22.151, 53.768
Binary	11110101, 11110001, 00110000

#f5f130
```
#f5f130 rgb(245,241,48)
```
#3034f5
```
#3034f5 rgb(48,52,245)
```

Complementary Color

#f58f30
```
#f58f30 rgb(245,143,48)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#97f530
```
#97f530 rgb(151,245,48)
```

Analogous Color

#8f30f5
```
#8f30f5 rgb(143,48,245)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#3097f5
```
#3097f5 rgb(48,151,245)
```

Split Complementary Color

#f130f5
```
#f130f5 rgb(241,48,245)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#30f5f1
```
#30f5f1 rgb(48,245,241)
```

Triadic Color

#f53034
```
#f53034 rgb(245,48,52)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#30f5f1
```
#30f5f1 rgb(48,245,241)
```
#3034f5
```
#3034f5 rgb(48,52,245)
```

Tetradic Color

#cfcb0a
```
#cfcb0a rgb(207,203,10)
```
#e7e20b
```
#e7e20b rgb(231,226,11)
```
#f4ef18
```
#f4ef18 rgb(244,239,24)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#f6f348
```
#f6f348 rgb(246,243,72)
```
#f7f461
```
#f7f461 rgb(247,244,97)
```
#f9f679
```
#f9f679 rgb(249,246,121)
```

Monochromatic Color

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

#f5c030
```
#f5c030 rgb(245,192,48)
```
#f5d030
```
#f5d030 rgb(245,208,48)
```
#f5e130
```
#f5e130 rgb(245,225,48)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#e9f530
```
#e9f530 rgb(233,245,48)
```
#d8f530
```
#d8f530 rgb(216,245,48)
```
#c8f530
```
#c8f530 rgb(200,245,48)
```

Similar Colors

Text with hexadecimal color #f5f130

This text has a font color of #f5f130.

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

#f5f130 background color

This paragraph has a background color of #f5f130.

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

#f5f130 border color

This element has a border color of #f5f130.

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

CSS codes

.text {color:#f5f130;}

.background {background-color:#f5f130;}

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

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, #121101 is the darkest color, while #fffffe is the lightest one.

#121101
```
#121101 rgb(18,17,1)
```
#242402
```
#242402 rgb(36,36,2)
```
#373603
```
#373603 rgb(55,54,3)
```
#4a4804
```
#4a4804 rgb(74,72,4)
```
#5c5b04
```
#5c5b04 rgb(92,91,4)
```
#6f6d05
```
#6f6d05 rgb(111,109,5)
```
#827f06
```
#827f06 rgb(130,127,6)
```
#959207
```
#959207 rgb(149,146,7)
```
#a7a408
```
#a7a408 rgb(167,164,8)
```
#bab609
```
#bab609 rgb(186,182,9)
```
#cdc90a
```
#cdc90a rgb(205,201,10)
```
#dfdb0b
```
#dfdb0b rgb(223,219,11)
```
#f2ed0c
```
#f2ed0c rgb(242,237,12)
```

Shade Color Variation

#f4f01d
```
#f4f01d rgb(244,240,29)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#f6f243
```
#f6f243 rgb(246,242,67)
```
#f7f455
```
#f7f455 rgb(247,244,85)
```
#f8f568
```
#f8f568 rgb(248,245,104)
```
#f9f67b
```
#f9f67b rgb(249,246,123)
```
#faf78e
```
#faf78e rgb(250,247,142)
```
#faf9a0
```
#faf9a0 rgb(250,249,160)
```
#fbfab3
```
#fbfab3 rgb(251,250,179)
```
#fcfbc6
```
#fcfbc6 rgb(252,251,198)
```
#fdfcd8
```
#fdfcd8 rgb(253,252,216)
```
#fefeeb
```
#fefeeb rgb(254,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#99998c
```
#99998c rgb(153,153,140)
```
#a2a183
```
#a2a183 rgb(162,161,131)
```
#aaa97b
```
#aaa97b rgb(170,169,123)
```
#b2b173
```
#b2b173 rgb(178,177,115)
```
#bbb96a
```
#bbb96a rgb(187,185,106)
```
#c3c162
```
#c3c162 rgb(195,193,98)
```
#cbc95a
```
#cbc95a rgb(203,201,90)
```
#d4d151
```
#d4d151 rgb(212,209,81)
```
#dcd949
```
#dcd949 rgb(220,217,73)
```
#e4e141
```
#e4e141 rgb(228,225,65)
```
#ede938
```
#ede938 rgb(237,233,56)
```
#f5f130
```
#f5f130 rgb(245,241,48)
```
#fdf928
```
#fdf928 rgb(253,249,40)
```

Tone Color Variation

Below, you can see how #f5f130 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
#e1e0ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb96 Protanopia 1% of men
#ffe8cc Deuteranopia 1% of men
#ffe4f0 Tritanopia 0.001% of the population

Trichromacy

#fbed71 Protanomaly 1% of men, 0.01% of women
#fbeb93 Deuteranomaly 6% of men, 0.4% of women
#fbe9aa Tritanomaly 0.01% of the population

#f5f130 hex color

#f5f130 Color Information

#f5f130 Color Conversion

Color Schemes with #f5f130

Alternatives to #f5f130

#f5f130 Preview

Shades and Tints of #f5f130

Tones of #f5f130

Color Blindness Simulator