#faf363 hex color

In a RGB color space, hex #faf363 is composed of 98% red, 95.3% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 60.4% yellow and 2% black. It has a hue angle of 57.2 degrees, a saturation of 93.8% and a lightness of 68.4%. #faf363 color hex could be obtained by blending #ffffc6 with #f5e700. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 98
- G 95
- B 39
RGB color chart
- C 0
- M 3
- Y 60
- K 2
CMYK color chart

● #faf363 color description : Soft yellow.

The hexadecimal color #faf363 has RGB values of R:250, G:243, B:99 and CMYK values of C:0, M:0.03, Y:0.6, K:0.02. Its decimal value is 16446307.

Hex triplet	faf363	`#faf363`
RGB Decimal	250, 243, 99	`rgb(250,243,99)`
RGB Percent	98, 95.3, 38.8	`rgb(98%,95.3%,38.8%)`
CMYK	0, 3, 60, 2
HSL	57.2°, 93.8, 68.4	`hsl(57.2,93.8%,68.4%)`
HSV (or HSB)	57.2°, 60.4, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.024, -14.833, 68.233
XYZ	73.727, 85.327, 24.39
xyY	0.402, 0.465, 85.327
CIE-LCH	94.024, 69.826, 102.264
CIE-LUV	94.024, 10.819, 85.428
Hunter-Lab	92.373, -19.183, 49.006
Binary	11111010, 11110011, 01100011

#faf363
```
#faf363 rgb(250,243,99)
```
#636afa
```
#636afa rgb(99,106,250)
```

Complementary Color

#faa863
```
#faa863 rgb(250,168,99)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#b6fa63
```
#b6fa63 rgb(182,250,99)
```

Analogous Color

#a863fa
```
#a863fa rgb(168,99,250)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#63b6fa
```
#63b6fa rgb(99,182,250)
```

Split Complementary Color

#f363fa
```
#f363fa rgb(243,99,250)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#63faf3
```
#63faf3 rgb(99,250,243)
```

Triadic Color

#fa636a
```
#fa636a rgb(250,99,106)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#63faf3
```
#63faf3 rgb(99,250,243)
```
#636afa
```
#636afa rgb(99,106,250)
```

Tetradic Color

#f8ed19
```
#f8ed19 rgb(248,237,25)
```
#f8ef32
```
#f8ef32 rgb(248,239,50)
```
#f9f14a
```
#f9f14a rgb(249,241,74)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#fbf57c
```
#fbf57c rgb(251,245,124)
```
#fcf794
```
#fcf794 rgb(252,247,148)
```
#fcf9ad
```
#fcf9ad rgb(252,249,173)
```

Monochromatic Color

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

#facd63
```
#facd63 rgb(250,205,99)
```
#fada63
```
#fada63 rgb(250,218,99)
```
#fae663
```
#fae663 rgb(250,230,99)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#f4fa63
```
#f4fa63 rgb(244,250,99)
```
#e8fa63
```
#e8fa63 rgb(232,250,99)
```
#dbfa63
```
#dbfa63 rgb(219,250,99)
```

Similar Colors

Text with hexadecimal color #faf363

This text has a font color of #faf363.

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

#faf363 background color

This paragraph has a background color of #faf363.

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

#faf363 border color

This element has a border color of #faf363.

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

CSS codes

.text {color:#faf363;}

.background {background-color:#faf363;}

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

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

#0f0e00
```
#0f0e00 rgb(15,14,0)
```
#222101
```
#222101 rgb(34,33,1)
```
#353302
```
#353302 rgb(53,51,2)
```
#484502
```
#484502 rgb(72,69,2)
```
#5b5703
```
#5b5703 rgb(91,87,3)
```
#6e6904
```
#6e6904 rgb(110,105,4)
```
#817b04
```
#817b04 rgb(129,123,4)
```
#948d05
```
#948d05 rgb(148,141,5)
```
#a7a005
```
#a7a005 rgb(167,160,5)
```
#bab206
```
#bab206 rgb(186,178,6)
```
#cdc407
```
#cdc407 rgb(205,196,7)
```
#e0d607
```
#e0d607 rgb(224,214,7)
```
#f3e808
```
#f3e808 rgb(243,232,8)
```

Shade Color Variation

#f8ed17
```
#f8ed17 rgb(248,237,23)
```
#f8ef2a
```
#f8ef2a rgb(248,239,42)
```
#f9f03d
```
#f9f03d rgb(249,240,61)
```
#f9f250
```
#f9f250 rgb(249,242,80)
```
#faf363
```
#faf363 rgb(250,243,99)
```
#fbf476
```
#fbf476 rgb(251,244,118)
```
#fbf689
```
#fbf689 rgb(251,246,137)
```
#fcf79c
```
#fcf79c rgb(252,247,156)
```
#fcf9af
```
#fcf9af rgb(252,249,175)
```
#fdfac2
```
#fdfac2 rgb(253,250,194)
```
#fefcd5
```
#fefcd5 rgb(254,252,213)
```
#fefde8
```
#fefde8 rgb(254,253,232)
```
#fffffb
```
#fffffb rgb(255,255,251)
```

Tint Color Variation

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

#b0b0ad
```
#b0b0ad rgb(176,176,173)
```
#b6b5a7
```
#b6b5a7 rgb(182,181,167)
```
#bcbba1
```
#bcbba1 rgb(188,187,161)
```
#c2c09b
```
#c2c09b rgb(194,192,155)
```
#c8c695
```
#c8c695 rgb(200,198,149)
```
#cfcc8e
```
#cfcc8e rgb(207,204,142)
```
#d5d188
```
#d5d188 rgb(213,209,136)
```
#dbd782
```
#dbd782 rgb(219,215,130)
```
#e1dd7c
```
#e1dd7c rgb(225,221,124)
```
#e7e276
```
#e7e276 rgb(231,226,118)
```
#eee86f
```
#eee86f rgb(238,232,111)
```
#f4ed69
```
#f4ed69 rgb(244,237,105)
```
#faf363
```
#faf363 rgb(250,243,99)
```

Tone Color Variation

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

Dichromacy

#ffeeae Protanopia 1% of men
#ffebd6 Deuteranopia 1% of men
#ffe9f2 Tritanopia 0.001% of the population

Trichromacy

#fdf093 Protanomaly 1% of men, 0.01% of women
#fdeeac Deuteranomaly 6% of men, 0.4% of women
#fdecbe Tritanomaly 0.01% of the population

#faf363 hex color

#faf363 Color Information

#faf363 Color Conversion

Color Schemes with #faf363

Alternatives to #faf363

#faf363 Preview

Shades and Tints of #faf363

Tones of #faf363

Color Blindness Simulator