#f5ff5f hex color

In a RGB color space, hex #f5ff5f is composed of 96.1% red, 100% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 62.7% yellow and 0% black. It has a hue angle of 63.8 degrees, a saturation of 100% and a lightness of 68.6%. #f5ff5f color hex could be obtained by blending #ffffbe with #ebff00. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 96
- G 100
- B 37
RGB color chart
- C 4
- M 0
- Y 63
- K 0
CMYK color chart

● #f5ff5f color description : Light yellow.

The hexadecimal color #f5ff5f has RGB values of R:245, G:255, B:95 and CMYK values of C:0.04, M:0, Y:0.63, K:0. Its decimal value is 16121695.

Hex triplet	f5ff5f	`#f5ff5f`
RGB Decimal	245, 255, 95	`rgb(245,255,95)`
RGB Percent	96.1, 100, 37.3	`rgb(96.1%,100%,37.3%)`
CMYK	4, 0, 63, 0
HSL	63.8°, 100, 68.6	`hsl(63.8,100%,68.6%)`
HSV (or HSB)	63.8°, 62.7, 100
Web Safe	ffff66	`#ffff66`

CIE-LAB	96.722, -22.846, 72.601
XYZ	75.481, 91.759, 24.561
xyY	0.394, 0.478, 91.759
CIE-LCH	96.722, 76.111, 107.468
CIE-LUV	96.722, 0.091, 91.786
Hunter-Lab	95.791, -26.98, 51.852
Binary	11110101, 11111111, 01011111

#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#695fff
```
#695fff rgb(105,95,255)
```

Complementary Color

#ffb95f
```
#ffb95f rgb(255,185,95)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#a5ff5f
```
#a5ff5f rgb(165,255,95)
```

Analogous Color

#b95fff
```
#b95fff rgb(185,95,255)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#5fa5ff
```
#5fa5ff rgb(95,165,255)
```

Split Complementary Color

#ff5ff5
```
#ff5ff5 rgb(255,95,245)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#5ff5ff
```
#5ff5ff rgb(95,245,255)
```

Triadic Color

#ff695f
```
#ff695f rgb(255,105,95)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#5ff5ff
```
#5ff5ff rgb(95,245,255)
```
#695fff
```
#695fff rgb(105,95,255)
```

Tetradic Color

#f0ff13
```
#f0ff13 rgb(240,255,19)
```
#f2ff2c
```
#f2ff2c rgb(242,255,44)
```
#f3ff46
```
#f3ff46 rgb(243,255,70)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#f7ff79
```
#f7ff79 rgb(247,255,121)
```
#f8ff92
```
#f8ff92 rgb(248,255,146)
```
#faffac
```
#faffac rgb(250,255,172)
```

Monochromatic Color

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

#ffe15f
```
#ffe15f rgb(255,225,95)
```
#ffee5f
```
#ffee5f rgb(255,238,95)
```
#fffc5f
```
#fffc5f rgb(255,252,95)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#e8ff5f
```
#e8ff5f rgb(232,255,95)
```
#daff5f
```
#daff5f rgb(218,255,95)
```
#cdff5f
```
#cdff5f rgb(205,255,95)
```

Similar Colors

Text with hexadecimal color #f5ff5f

This text has a font color of #f5ff5f.

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

#f5ff5f background color

This paragraph has a background color of #f5ff5f.

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

#f5ff5f border color

This element has a border color of #f5ff5f.

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

CSS codes

.text {color:#f5ff5f;}

.background {background-color:#f5ff5f;}

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

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

#101100
```
#101100 rgb(16,17,0)
```
#222400
```
#222400 rgb(34,36,0)
```
#343800
```
#343800 rgb(52,56,0)
```
#474b00
```
#474b00 rgb(71,75,0)
```
#595f00
```
#595f00 rgb(89,95,0)
```
#6b7300
```
#6b7300 rgb(107,115,0)
```
#7e8600
```
#7e8600 rgb(126,134,0)
```
#909a00
```
#909a00 rgb(144,154,0)
```
#a3ad00
```
#a3ad00 rgb(163,173,0)
```
#b5c100
```
#b5c100 rgb(181,193,0)
```
#c7d500
```
#c7d500 rgb(199,213,0)
```
#dae800
```
#dae800 rgb(218,232,0)
```
#ecfc00
```
#ecfc00 rgb(236,252,0)
```

Shade Color Variation

#f0ff11
```
#f0ff11 rgb(240,255,17)
```
#f1ff24
```
#f1ff24 rgb(241,255,36)
```
#f3ff38
```
#f3ff38 rgb(243,255,56)
```
#f4ff4b
```
#f4ff4b rgb(244,255,75)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```
#f6ff73
```
#f6ff73 rgb(246,255,115)
```
#f7ff86
```
#f7ff86 rgb(247,255,134)
```
#f9ff9a
```
#f9ff9a rgb(249,255,154)
```
#faffad
```
#faffad rgb(250,255,173)
```
#fbffc1
```
#fbffc1 rgb(251,255,193)
```
#fcffd5
```
#fcffd5 rgb(252,255,213)
```
#feffe8
```
#feffe8 rgb(254,255,232)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#b4b5a9
```
#b4b5a9 rgb(180,181,169)
```
#babba3
```
#babba3 rgb(186,187,163)
```
#bfc19d
```
#bfc19d rgb(191,193,157)
```
#c5c896
```
#c5c896 rgb(197,200,150)
```
#cace90
```
#cace90 rgb(202,206,144)
```
#cfd48a
```
#cfd48a rgb(207,212,138)
```
#d5da84
```
#d5da84 rgb(213,218,132)
```
#dae07e
```
#dae07e rgb(218,224,126)
```
#dfe678
```
#dfe678 rgb(223,230,120)
```
#e5ed71
```
#e5ed71 rgb(229,237,113)
```
#eaf36b
```
#eaf36b rgb(234,243,107)
```
#f0f965
```
#f0f965 rgb(240,249,101)
```
#f5ff5f
```
#f5ff5f rgb(245,255,95)
```

Tone Color Variation

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

#eaeaea Achromatopsia 0.005% of the population
#eceece Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff6d7 Protanopia 1% of men
#fff4e9 Deuteranopia 1% of men
#fff2fb Tritanopia 0.001% of the population

Trichromacy

#fbf9ab Protanomaly 1% of men, 0.01% of women
#fbf8b7 Deuteranomaly 6% of men, 0.4% of women
#fbf7c2 Tritanomaly 0.01% of the population

#f5ff5f hex color

#f5ff5f Color Information

#f5ff5f Color Conversion

Color Schemes with #f5ff5f

Alternatives to #f5ff5f

#f5ff5f Preview

Shades and Tints of #f5ff5f

Tones of #f5ff5f

Color Blindness Simulator