#faf768 hex color

In a RGB color space, hex #faf768 is composed of 98% red, 96.9% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.2% magenta, 58.4% yellow and 2% black. It has a hue angle of 58.8 degrees, a saturation of 93.6% and a lightness of 69.4%. #faf768 color hex could be obtained by blending #ffffd0 with #f5ef00. Closest websafe color is: #ffff66.

♥
- f
- t
- g
- R 98
- G 97
- B 41
RGB color chart
- C 0
- M 1
- Y 58
- K 2
CMYK color chart

● #faf768 color description : Soft yellow.

The hexadecimal color #faf768 has RGB values of R:250, G:247, B:104 and CMYK values of C:0, M:0.01, Y:0.58, K:0.02. Its decimal value is 16447336.

Hex triplet	faf768	`#faf768`
RGB Decimal	250, 247, 104	`rgb(250,247,104)`
RGB Percent	98, 96.9, 40.8	`rgb(98%,96.9%,40.8%)`
CMYK	0, 1, 58, 2
HSL	58.8°, 93.6, 69.4	`hsl(58.8,93.6%,69.4%)`
HSV (or HSB)	58.8°, 58.4, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	95.096, -16.448, 67.32
XYZ	75.184, 87.846, 26.092
xyY	0.398, 0.464, 87.846
CIE-LCH	95.096, 69.3, 103.73
CIE-LUV	95.096, 8.136, 85.396
Hunter-Lab	93.726, -20.835, 49.103
Binary	11111010, 11110111, 01101000

#faf768
```
#faf768 rgb(250,247,104)
```
#686bfa
```
#686bfa rgb(104,107,250)
```

Complementary Color

#faae68
```
#faae68 rgb(250,174,104)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#b4fa68
```
#b4fa68 rgb(180,250,104)
```

Analogous Color

#ae68fa
```
#ae68fa rgb(174,104,250)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#68b4fa
```
#68b4fa rgb(104,180,250)
```

Split Complementary Color

#f768fa
```
#f768fa rgb(247,104,250)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#68faf7
```
#68faf7 rgb(104,250,247)
```

Triadic Color

#fa686b
```
#fa686b rgb(250,104,107)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#68faf7
```
#68faf7 rgb(104,250,247)
```
#686bfa
```
#686bfa rgb(104,107,250)
```

Tetradic Color

#f8f31e
```
#f8f31e rgb(248,243,30)
```
#f8f437
```
#f8f437 rgb(248,244,55)
```
#f9f64f
```
#f9f64f rgb(249,246,79)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#fbf881
```
#fbf881 rgb(251,248,129)
```
#fcfa99
```
#fcfa99 rgb(252,250,153)
```
#fcfbb2
```
#fcfbb2 rgb(252,251,178)
```

Monochromatic Color

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

#fad368
```
#fad368 rgb(250,211,104)
```
#fadf68
```
#fadf68 rgb(250,223,104)
```
#faeb68
```
#faeb68 rgb(250,235,104)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#f1fa68
```
#f1fa68 rgb(241,250,104)
```
#e5fa68
```
#e5fa68 rgb(229,250,104)
```
#d9fa68
```
#d9fa68 rgb(217,250,104)
```

Similar Colors

Text with hexadecimal color #faf768

This text has a font color of #faf768.

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

#faf768 background color

This paragraph has a background color of #faf768.

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

#faf768 border color

This element has a border color of #faf768.

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

CSS codes

.text {color:#faf768;}

.background {background-color:#faf768;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#141301
```
#141301 rgb(20,19,1)
```
#272601
```
#272601 rgb(39,38,1)
```
#3a3902
```
#3a3902 rgb(58,57,2)
```
#4d4b03
```
#4d4b03 rgb(77,75,3)
```
#605e03
```
#605e03 rgb(96,94,3)
```
#737104
```
#737104 rgb(115,113,4)
```
#868304
```
#868304 rgb(134,131,4)
```
#999605
```
#999605 rgb(153,150,5)
```
#aca806
```
#aca806 rgb(172,168,6)
```
#bfbb06
```
#bfbb06 rgb(191,187,6)
```
#d2ce07
```
#d2ce07 rgb(210,206,7)
```
#e5e008
```
#e5e008 rgb(229,224,8)
```

Shade Color Variation

#f7f209
```
#f7f209 rgb(247,242,9)
```
#f7f31c
```
#f7f31c rgb(247,243,28)
```
#f8f42f
```
#f8f42f rgb(248,244,47)
```
#f9f542
```
#f9f542 rgb(249,245,66)
```
#f9f655
```
#f9f655 rgb(249,246,85)
```
#faf768
```
#faf768 rgb(250,247,104)
```
#fbf87b
```
#fbf87b rgb(251,248,123)
```
#fbf98e
```
#fbf98e rgb(251,249,142)
```
#fcfaa1
```
#fcfaa1 rgb(252,250,161)
```
#fdfbb4
```
#fdfbb4 rgb(253,251,180)
```
#fdfcc7
```
#fdfcc7 rgb(253,252,199)
```
#fefdda
```
#fefdda rgb(254,253,218)
```
#fefeed
```
#fefeed rgb(254,254,237)
```

Tint Color Variation

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

#b2b2b0
```
#b2b2b0 rgb(178,178,176)
```
#b8b8aa
```
#b8b8aa rgb(184,184,170)
```
#bebda4
```
#bebda4 rgb(190,189,164)
```
#c4c39e
```
#c4c39e rgb(196,195,158)
```
#cac998
```
#cac998 rgb(202,201,152)
```
#d0cf92
```
#d0cf92 rgb(208,207,146)
```
#d6d48c
```
#d6d48c rgb(214,212,140)
```
#dcda86
```
#dcda86 rgb(220,218,134)
```
#e2e080
```
#e2e080 rgb(226,224,128)
```
#e8e67a
```
#e8e67a rgb(232,230,122)
```
#eeeb74
```
#eeeb74 rgb(238,235,116)
```
#f4f16e
```
#f4f16e rgb(244,241,110)
```
#faf768
```
#faf768 rgb(250,247,104)
```

Tone Color Variation

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

#e8e8e8 Achromatopsia 0.005% of the population
#ecebce Atypical Achromatopsia 0.001% of the population

Dichromacy

#fff1c0 Protanopia 1% of men
#ffefde Deuteranopia 1% of men
#ffecf6 Tritanopia 0.001% of the population

Trichromacy

#fdf3a0 Protanomaly 1% of men, 0.01% of women
#fdf2b3 Deuteranomaly 6% of men, 0.4% of women
#fdf0c2 Tritanomaly 0.01% of the population

#faf768 hex color

#faf768 Color Information

#faf768 Color Conversion

Color Schemes with #faf768

Alternatives to #faf768

#faf768 Preview

Shades and Tints of #faf768

Tones of #faf768

Color Blindness Simulator