#f7ff14 hex color

In a RGB color space, hex #f7ff14 is composed of 96.9% red, 100% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 3.1% cyan, 0% magenta, 92.2% yellow and 0% black. It has a hue angle of 62 degrees, a saturation of 100% and a lightness of 53.9%. #f7ff14 color hex could be obtained by blending #ffff28 with #efff00. Closest websafe color is: #ffff00.

♥
- f
- t
- g
- R 97
- G 100
- B 8
RGB color chart
- C 3
- M 0
- Y 92
- K 0
CMYK color chart

● #f7ff14 color description : Vivid yellow.

The hexadecimal color #f7ff14 has RGB values of R:247, G:255, B:20 and CMYK values of C:0.03, M:0, Y:0.92, K:0. Its decimal value is 16252692.

Hex triplet	f7ff14	`#f7ff14`
RGB Decimal	247, 255, 20	`rgb(247,255,20)`
RGB Percent	96.9, 100, 7.8	`rgb(96.9%,100%,7.8%)`
CMYK	3, 0, 92, 0
HSL	62°, 100, 53.9	`hsl(62,100%,53.9%)`
HSV (or HSB)	62°, 92.2, 100
Web Safe	ffff00	`#ffff00`

CIE-LAB	96.552, -24.658, 92.2
XYZ	74.244, 91.346, 14.382
xyY	0.413, 0.508, 91.346
CIE-LCH	96.552, 95.44, 104.973
CIE-LUV	96.552, 2.257, 105.831
Hunter-Lab	95.575, -28.594, 57.98
Binary	11110111, 11111111, 00010100

#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#1c14ff
```
#1c14ff rgb(28,20,255)
```

Complementary Color

#ff9214
```
#ff9214 rgb(255,146,20)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#82ff14
```
#82ff14 rgb(130,255,20)
```

Analogous Color

#9214ff
```
#9214ff rgb(146,20,255)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#1482ff
```
#1482ff rgb(20,130,255)
```

Split Complementary Color

#ff14f7
```
#ff14f7 rgb(255,20,247)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#14f7ff
```
#14f7ff rgb(20,247,255)
```

Triadic Color

#ff1c14
```
#ff1c14 rgb(255,28,20)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#14f7ff
```
#14f7ff rgb(20,247,255)
```
#1c14ff
```
#1c14ff rgb(28,20,255)
```

Tetradic Color

#c0c700
```
#c0c700 rgb(192,199,0)
```
#d8e000
```
#d8e000 rgb(216,224,0)
```
#f1fa00
```
#f1fa00 rgb(241,250,0)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#f8ff2e
```
#f8ff2e rgb(248,255,46)
```
#f9ff47
```
#f9ff47 rgb(249,255,71)
```
#faff61
```
#faff61 rgb(250,255,97)
```

Monochromatic Color

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

#ffcc14
```
#ffcc14 rgb(255,204,20)
```
#ffe014
```
#ffe014 rgb(255,224,20)
```
#fff314
```
#fff314 rgb(255,243,20)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#e3ff14
```
#e3ff14 rgb(227,255,20)
```
#d0ff14
```
#d0ff14 rgb(208,255,20)
```
#bcff14
```
#bcff14 rgb(188,255,20)
```

Similar Colors

Text with hexadecimal color #f7ff14

This text has a font color of #f7ff14.

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

#f7ff14 background color

This paragraph has a background color of #f7ff14.

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

#f7ff14 border color

This element has a border color of #f7ff14.

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

CSS codes

.text {color:#f7ff14;}

.background {background-color:#f7ff14;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#131400
```
#131400 rgb(19,20,0)
```
#262800
```
#262800 rgb(38,40,0)
```
#393b00
```
#393b00 rgb(57,59,0)
```
#4c4f00
```
#4c4f00 rgb(76,79,0)
```
#5f6200
```
#5f6200 rgb(95,98,0)
```
#727600
```
#727600 rgb(114,118,0)
```
#858a00
```
#858a00 rgb(133,138,0)
```
#989d00
```
#989d00 rgb(152,157,0)
```
#abb100
```
#abb100 rgb(171,177,0)
```
#bec500
```
#bec500 rgb(190,197,0)
```
#d1d800
```
#d1d800 rgb(209,216,0)
```
#e4ec00
```
#e4ec00 rgb(228,236,0)
```

Shade Color Variation

#f6ff00
```
#f6ff00 rgb(246,255,0)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```
#f8ff28
```
#f8ff28 rgb(248,255,40)
```
#f8ff3b
```
#f8ff3b rgb(248,255,59)
```
#f9ff4f
```
#f9ff4f rgb(249,255,79)
```
#faff62
```
#faff62 rgb(250,255,98)
```
#faff76
```
#faff76 rgb(250,255,118)
```
#fbff8a
```
#fbff8a rgb(251,255,138)
```
#fcff9d
```
#fcff9d rgb(252,255,157)
```
#fcffb1
```
#fcffb1 rgb(252,255,177)
```
#fdffc5
```
#fdffc5 rgb(253,255,197)
```
#feffd8
```
#feffd8 rgb(254,255,216)
```
#feffec
```
#feffec rgb(254,255,236)
```

Tint Color Variation

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

#929380
```
#929380 rgb(146,147,128)
```
#9a9c77
```
#9a9c77 rgb(154,156,119)
```
#a3a56e
```
#a3a56e rgb(163,165,110)
```
#abae65
```
#abae65 rgb(171,174,101)
```
#b4b75c
```
#b4b75c rgb(180,183,92)
```
#bcc053
```
#bcc053 rgb(188,192,83)
```
#c4c94a
```
#c4c94a rgb(196,201,74)
```
#cdd241
```
#cdd241 rgb(205,210,65)
```
#d5db38
```
#d5db38 rgb(213,219,56)
```
#dee42f
```
#dee42f rgb(222,228,47)
```
#e6ed26
```
#e6ed26 rgb(230,237,38)
```
#eff61d
```
#eff61d rgb(239,246,29)
```
#f7ff14
```
#f7ff14 rgb(247,255,20)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e6e8b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff5d4 Protanopia 1% of men
#fff4e7 Deuteranopia 1% of men
#fff2f9 Tritanopia 0.001% of the population

Trichromacy

#fcf98e Protanomaly 1% of men, 0.01% of women
#fcf89a Deuteranomaly 6% of men, 0.4% of women
#fcf6a6 Tritanomaly 0.01% of the population

#f7ff14 hex color

#f7ff14 Color Information

#f7ff14 Color Conversion

Color Schemes with #f7ff14

Alternatives to #f7ff14

#f7ff14 Preview

Shades and Tints of #f7ff14

Tones of #f7ff14

Color Blindness Simulator