#faff2c hex color

In a RGB color space, hex #faff2c is composed of 98% red, 100% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 82.7% yellow and 0% black. It has a hue angle of 61.4 degrees, a saturation of 100% and a lightness of 58.6%. #faff2c color hex could be obtained by blending #ffff58 with #f5ff00. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 100
- B 17
RGB color chart
- C 2
- M 0
- Y 83
- K 0
CMYK color chart

● #faff2c color description : Vivid yellow.

The hexadecimal color #faff2c has RGB values of R:250, G:255, B:44 and CMYK values of C:0.02, M:0, Y:0.83, K:0. Its decimal value is 16449324.

Hex triplet	faff2c	`#faff2c`
RGB Decimal	250, 255, 44	`rgb(250,255,44)`
RGB Percent	98, 100, 17.3	`rgb(98%,100%,17.3%)`
CMYK	2, 0, 83, 0
HSL	61.4°, 100, 58.6	`hsl(61.4,100%,58.6%)`
HSV (or HSB)	61.4°, 82.7, 100
Web Safe	ffff33	`#ffff33`

CIE-LAB	96.831, -22.995, 88.643
XYZ	75.639, 92.027, 16.161
xyY	0.411, 0.501, 92.027
CIE-LCH	96.831, 91.578, 104.543
CIE-LUV	96.831, 4.1, 103.429
Hunter-Lab	95.931, -27.136, 57.163
Binary	11111010, 11111111, 00101100

#faff2c
```
#faff2c rgb(250,255,44)
```
#312cff
```
#312cff rgb(49,44,255)
```

Complementary Color

#ff9b2c
```
#ff9b2c rgb(255,155,44)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#91ff2c
```
#91ff2c rgb(145,255,44)
```

Analogous Color

#9b2cff
```
#9b2cff rgb(155,44,255)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#2c91ff
```
#2c91ff rgb(44,145,255)
```

Split Complementary Color

#ff2cfa
```
#ff2cfa rgb(255,44,250)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#2cfaff
```
#2cfaff rgb(44,250,255)
```

Triadic Color

#ff312c
```
#ff312c rgb(255,49,44)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#2cfaff
```
#2cfaff rgb(44,250,255)
```
#312cff
```
#312cff rgb(49,44,255)
```

Tetradic Color

#d9df00
```
#d9df00 rgb(217,223,0)
```
#f2f800
```
#f2f800 rgb(242,248,0)
```
#f9ff13
```
#f9ff13 rgb(249,255,19)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#fbff46
```
#fbff46 rgb(251,255,70)
```
#fbff5f
```
#fbff5f rgb(251,255,95)
```
#fcff79
```
#fcff79 rgb(252,255,121)
```

Monochromatic Color

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

#ffcf2c
```
#ffcf2c rgb(255,207,44)
```
#ffe12c
```
#ffe12c rgb(255,225,44)
```
#fff22c
```
#fff22c rgb(255,242,44)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#e8ff2c
```
#e8ff2c rgb(232,255,44)
```
#d7ff2c
```
#d7ff2c rgb(215,255,44)
```
#c5ff2c
```
#c5ff2c rgb(197,255,44)
```

Similar Colors

Text with hexadecimal color #faff2c

This text has a font color of #faff2c.

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

#faff2c background color

This paragraph has a background color of #faff2c.

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

#faff2c border color

This element has a border color of #faff2c.

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

CSS codes

.text {color:#faff2c;}

.background {background-color:#faff2c;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#181800
```
#181800 rgb(24,24,0)
```
#2b2c00
```
#2b2c00 rgb(43,44,0)
```
#3e4000
```
#3e4000 rgb(62,64,0)
```
#515300
```
#515300 rgb(81,83,0)
```
#646700
```
#646700 rgb(100,103,0)
```
#787a00
```
#787a00 rgb(120,122,0)
```
#8b8e00
```
#8b8e00 rgb(139,142,0)
```
#9ea200
```
#9ea200 rgb(158,162,0)
```
#b1b500
```
#b1b500 rgb(177,181,0)
```
#c4c900
```
#c4c900 rgb(196,201,0)
```
#d7dd00
```
#d7dd00 rgb(215,221,0)
```
#eaf000
```
#eaf000 rgb(234,240,0)
```

Shade Color Variation

#f9ff05
```
#f9ff05 rgb(249,255,5)
```
#faff18
```
#faff18 rgb(250,255,24)
```
#faff2c
```
#faff2c rgb(250,255,44)
```
#faff40
```
#faff40 rgb(250,255,64)
```
#fbff53
```
#fbff53 rgb(251,255,83)
```
#fbff67
```
#fbff67 rgb(251,255,103)
```
#fcff7a
```
#fcff7a rgb(252,255,122)
```
#fcff8e
```
#fcff8e rgb(252,255,142)
```
#fdffa2
```
#fdffa2 rgb(253,255,162)
```
#fdffb5
```
#fdffb5 rgb(253,255,181)
```
#feffc9
```
#feffc9 rgb(254,255,201)
```
#feffdd
```
#feffdd rgb(254,255,221)
```
#fffff0
```
#fffff0 rgb(255,255,240)
```

Tint Color Variation

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

#9d9e8d
```
#9d9e8d rgb(157,158,141)
```
#a5a685
```
#a5a685 rgb(165,166,133)
```
#adae7d
```
#adae7d rgb(173,174,125)
```
#b4b675
```
#b4b675 rgb(180,182,117)
```
#bcbe6d
```
#bcbe6d rgb(188,190,109)
```
#c4c665
```
#c4c665 rgb(196,198,101)
```
#ccce5d
```
#ccce5d rgb(204,206,93)
```
#d3d655
```
#d3d655 rgb(211,214,85)
```
#dbdf4c
```
#dbdf4c rgb(219,223,76)
```
#e3e744
```
#e3e744 rgb(227,231,68)
```
#ebef3c
```
#ebef3c rgb(235,239,60)
```
#f2f734
```
#f2f734 rgb(242,247,52)
```
#faff2c
```
#faff2c rgb(250,255,44)
```

Tone Color Variation

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

#e5e5e5 Achromatopsia 0.005% of the population
#e9eac0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff6d8 Protanopia 1% of men
#fff4e9 Deuteranopia 1% of men
#fff3f9 Tritanopia 0.001% of the population

Trichromacy

#fdf999 Protanomaly 1% of men, 0.01% of women
#fdf8a4 Deuteranomaly 6% of men, 0.4% of women
#fdf7ae Tritanomaly 0.01% of the population

#faff2c hex color

#faff2c Color Information

#faff2c Color Conversion

Color Schemes with #faff2c

Alternatives to #faff2c

#faff2c Preview

Shades and Tints of #faff2c

Tones of #faff2c

Color Blindness Simulator