#faf63a hex color

In a RGB color space, hex #faf63a is composed of 98% red, 96.5% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 76.8% yellow and 2% black. It has a hue angle of 58.8 degrees, a saturation of 95% and a lightness of 60.4%. #faf63a color hex could be obtained by blending #ffff74 with #f5ed00. Closest websafe color is: #ffff33.

♥
- f
- t
- g
- R 98
- G 96
- B 23
RGB color chart
- C 0
- M 2
- Y 77
- K 2
CMYK color chart

● #faf63a color description : Bright yellow.

The hexadecimal color #faf63a has RGB values of R:250, G:246, B:58 and CMYK values of C:0, M:0.02, Y:0.77, K:0.02. Its decimal value is 16447034.

Hex triplet	faf63a	`#faf63a`
RGB Decimal	250, 246, 58	`rgb(250,246,58)`
RGB Percent	98, 96.5, 22.7	`rgb(98%,96.5%,22.7%)`
CMYK	0, 2, 77, 2
HSL	58.8°, 95, 60.4	`hsl(58.8,95%,60.4%)`
HSV (or HSB)	58.8°, 76.8, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.544, -18.287, 83.207
XYZ	73.144, 86.542, 16.854
xyY	0.414, 0.49, 86.542
CIE-LCH	94.544, 85.193, 102.395
CIE-LUV	94.544, 9.75, 97.663
Hunter-Lab	93.028, -22.453, 54.378
Binary	11111010, 11110110, 00111010

#faf63a
```
#faf63a rgb(250,246,58)
```
#3a3efa
```
#3a3efa rgb(58,62,250)
```

Complementary Color

#fa963a
```
#fa963a rgb(250,150,58)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#9efa3a
```
#9efa3a rgb(158,250,58)
```

Analogous Color

#963afa
```
#963afa rgb(150,58,250)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#3a9efa
```
#3a9efa rgb(58,158,250)
```

Split Complementary Color

#f63afa
```
#f63afa rgb(246,58,250)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#3afaf6
```
#3afaf6 rgb(58,250,246)
```

Triadic Color

#fa3a3e
```
#fa3a3e rgb(250,58,62)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#3afaf6
```
#3afaf6 rgb(58,250,246)
```
#3a3efa
```
#3a3efa rgb(58,62,250)
```

Tetradic Color

#e2dd06
```
#e2dd06 rgb(226,221,6)
```
#f9f408
```
#f9f408 rgb(249,244,8)
```
#f9f521
```
#f9f521 rgb(249,245,33)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#fbf753
```
#fbf753 rgb(251,247,83)
```
#fbf86c
```
#fbf86c rgb(251,248,108)
```
#fcf985
```
#fcf985 rgb(252,249,133)
```

Monochromatic Color

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

#fac63a
```
#fac63a rgb(250,198,58)
```
#fad63a
```
#fad63a rgb(250,214,58)
```
#fae63a
```
#fae63a rgb(250,230,58)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#eefa3a
```
#eefa3a rgb(238,250,58)
```
#defa3a
```
#defa3a rgb(222,250,58)
```
#cefa3a
```
#cefa3a rgb(206,250,58)
```

Similar Colors

Text with hexadecimal color #faf63a

This text has a font color of #faf63a.

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

#faf63a background color

This paragraph has a background color of #faf63a.

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

#faf63a border color

This element has a border color of #faf63a.

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

CSS codes

.text {color:#faf63a;}

.background {background-color:#faf63a;}

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

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

#0d0d00
```
#0d0d00 rgb(13,13,0)
```
#212001
```
#212001 rgb(33,32,1)
```
#343301
```
#343301 rgb(52,51,1)
```
#474502
```
#474502 rgb(71,69,2)
```
#5a5802
```
#5a5802 rgb(90,88,2)
```
#6d6b03
```
#6d6b03 rgb(109,107,3)
```
#807e03
```
#807e03 rgb(128,126,3)
```
#939004
```
#939004 rgb(147,144,4)
```
#a6a304
```
#a6a304 rgb(166,163,4)
```
#bab605
```
#bab605 rgb(186,182,5)
```
#cdc905
```
#cdc905 rgb(205,201,5)
```
#e0db06
```
#e0db06 rgb(224,219,6)
```
#f3ee06
```
#f3ee06 rgb(243,238,6)
```

Shade Color Variation

#f9f414
```
#f9f414 rgb(249,244,20)
```
#faf527
```
#faf527 rgb(250,245,39)
```
#faf63a
```
#faf63a rgb(250,246,58)
```
#faf74d
```
#faf74d rgb(250,247,77)
```
#fbf860
```
#fbf860 rgb(251,248,96)
```
#fbf973
```
#fbf973 rgb(251,249,115)
```
#fcf987
```
#fcf987 rgb(252,249,135)
```
#fcfa9a
```
#fcfa9a rgb(252,250,154)
```
#fdfbad
```
#fdfbad rgb(253,251,173)
```
#fdfcc0
```
#fdfcc0 rgb(253,252,192)
```
#fefdd3
```
#fefdd3 rgb(254,253,211)
```
#fefee6
```
#fefee6 rgb(254,254,230)
```
#fffff9
```
#fffff9 rgb(255,255,249)
```

Tint Color Variation

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

#9d9d97
```
#9d9d97 rgb(157,157,151)
```
#a5a48f
```
#a5a48f rgb(165,164,143)
```
#acac88
```
#acac88 rgb(172,172,136)
```
#b4b380
```
#b4b380 rgb(180,179,128)
```
#bcba78
```
#bcba78 rgb(188,186,120)
```
#c4c270
```
#c4c270 rgb(196,194,112)
```
#cbc969
```
#cbc969 rgb(203,201,105)
```
#d3d161
```
#d3d161 rgb(211,209,97)
```
#dbd859
```
#dbd859 rgb(219,216,89)
```
#e3e051
```
#e3e051 rgb(227,224,81)
```
#eae74a
```
#eae74a rgb(234,231,74)
```
#f2ef42
```
#f2ef42 rgb(242,239,66)
```
#faf63a
```
#faf63a rgb(250,246,58)
```

Tone Color Variation

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

Dichromacy

#fff0b6 Protanopia 1% of men
#ffedd9 Deuteranopia 1% of men
#ffebf3 Tritanopia 0.001% of the population

Trichromacy

#fdf289 Protanomaly 1% of men, 0.01% of women
#fdf09f Deuteranomaly 6% of men, 0.4% of women
#fdefb0 Tritanomaly 0.01% of the population

#faf63a hex color

#faf63a Color Information

#faf63a Color Conversion

Color Schemes with #faf63a

Alternatives to #faf63a

#faf63a Preview

Shades and Tints of #faf63a

Tones of #faf63a

Color Blindness Simulator