colorhexa.com

#faf61f hex color

In a RGB color space, hex #faf61f is composed of 98% red, 96.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.6% magenta, 87.6% yellow and 2% black. It has a hue angle of 58.9 degrees, a saturation of 95.6% and a lightness of 55.1%. #faf61f color hex could be obtained by blending #ffff3e with #f5ed00. Closest websafe color is: #ffff33.

- R 98
- G 96
- B 12
RGB color chart
- C 0
- M 2
- Y 88
- K 2
CMYK color chart

● #faf61f color description : Vivid yellow.

The hexadecimal color #faf61f has RGB values of R:250, G:246, B:31 and CMYK values of C:0, M:0.02, Y:0.88, K:0.02. Its decimal value is 16447007.

Hex triplet	faf61f	`#faf61f`
RGB Decimal	250, 246, 31	`rgb(250,246,31)`
RGB Percent	98, 96.5, 12.2	`rgb(98%,96.5%,12.2%)`
CMYK	0, 2, 88, 2
HSL	58.9°, 95.6, 55.1	`hsl(58.9,95.6%,55.1%)`
HSV (or HSB)	58.9°, 87.6, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.456, -18.988, 89.172
XYZ	72.628, 86.336, 14.135
xyY	0.42, 0.499, 86.336
CIE-LCH	94.456, 91.171, 102.021
CIE-LUV	94.456, 10.052, 101.569
Hunter-Lab	92.917, -23.082, 56.022
Binary	11111010, 11110110, 00011111

#faf61f
```
#faf61f rgb(250,246,31)
```
#1f23fa
```
#1f23fa rgb(31,35,250)
```

Complementary Color

#fa891f
```
#fa891f rgb(250,137,31)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#91fa1f
```
#91fa1f rgb(145,250,31)
```

Analogous Color

#891ffa
```
#891ffa rgb(137,31,250)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#1f91fa
```
#1f91fa rgb(31,145,250)
```

Split Complementary Color

#f61ffa
```
#f61ffa rgb(246,31,250)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#1ffaf6
```
#1ffaf6 rgb(31,250,246)
```

Triadic Color

#fa1f23
```
#fa1f23 rgb(250,31,35)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#1ffaf6
```
#1ffaf6 rgb(31,250,246)
```
#1f23fa
```
#1f23fa rgb(31,35,250)
```

Tetradic Color

#c8c404
```
#c8c404 rgb(200,196,4)
```
#e1dd05
```
#e1dd05 rgb(225,221,5)
```
#f9f506
```
#f9f506 rgb(249,245,6)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#fbf738
```
#fbf738 rgb(251,247,56)
```
#fbf851
```
#fbf851 rgb(251,248,81)
```
#fcf96a
```
#fcf96a rgb(252,249,106)
```

Monochromatic Color

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

#fabf1f
```
#fabf1f rgb(250,191,31)
```
#fad21f
```
#fad21f rgb(250,210,31)
```
#fae41f
```
#fae41f rgb(250,228,31)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#ecfa1f
```
#ecfa1f rgb(236,250,31)
```
#dafa1f
```
#dafa1f rgb(218,250,31)
```
#c7fa1f
```
#c7fa1f rgb(199,250,31)
```

Similar Colors

Text with hexadecimal color #faf61f

This text has a font color of #faf61f.

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

#faf61f background color

This paragraph has a background color of #faf61f.

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

#faf61f border color

This element has a border color of #faf61f.

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

CSS codes

.text {color:#faf61f;}

.background {background-color:#faf61f;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#191901
```
#191901 rgb(25,25,1)
```
#2d2c01
```
#2d2c01 rgb(45,44,1)
```
#403f01
```
#403f01 rgb(64,63,1)
```
#535202
```
#535202 rgb(83,82,2)
```
#666402
```
#666402 rgb(102,100,2)
```
#797703
```
#797703 rgb(121,119,3)
```
#8d8a03
```
#8d8a03 rgb(141,138,3)
```
#a09d04
```
#a09d04 rgb(160,157,4)
```
#b3b004
```
#b3b004 rgb(179,176,4)
```
#c6c304
```
#c6c304 rgb(198,195,4)
```
#d9d505
```
#d9d505 rgb(217,213,5)
```
#ece805
```
#ece805 rgb(236,232,5)
```

Shade Color Variation

#faf50c
```
#faf50c rgb(250,245,12)
```
#faf61f
```
#faf61f rgb(250,246,31)
```
#faf732
```
#faf732 rgb(250,247,50)
```
#fbf845
```
#fbf845 rgb(251,248,69)
```
#fbf859
```
#fbf859 rgb(251,248,89)
```
#fcf96c
```
#fcf96c rgb(252,249,108)
```
#fcfa7f
```
#fcfa7f rgb(252,250,127)
```
#fdfb92
```
#fdfb92 rgb(253,251,146)
```
#fdfba5
```
#fdfba5 rgb(253,251,165)
```
#fdfcb8
```
#fdfcb8 rgb(253,252,184)
```
#fefdcc
```
#fefdcc rgb(254,253,204)
```
#fefedf
```
#fefedf rgb(254,254,223)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#909089
```
#909089 rgb(144,144,137)
```
#999980
```
#999980 rgb(153,153,128)
```
#a2a177
```
#a2a177 rgb(162,161,119)
```
#abaa6e
```
#abaa6e rgb(171,170,110)
```
#b4b265
```
#b4b265 rgb(180,178,101)
```
#bcbb5d
```
#bcbb5d rgb(188,187,93)
```
#c5c354
```
#c5c354 rgb(197,195,84)
```
#cecc4b
```
#cecc4b rgb(206,204,75)
```
#d7d442
```
#d7d442 rgb(215,212,66)
```
#e0dd39
```
#e0dd39 rgb(224,221,57)
```
#e8e531
```
#e8e531 rgb(232,229,49)
```
#f1ee28
```
#f1ee28 rgb(241,238,40)
```
#faf61f
```
#faf61f rgb(250,246,31)
```

Tone Color Variation

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

#dfdfdf Achromatopsia 0.005% of the population
#e4e4b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff0b4 Protanopia 1% of men
#ffedd8 Deuteranopia 1% of men
#ffeaf3 Tritanopia 0.001% of the population

Trichromacy

#fdf27e Protanomaly 1% of men, 0.01% of women
#fdf094 Deuteranomaly 6% of men, 0.4% of women
#fdeea6 Tritanomaly 0.01% of the population