#faf368 hex color

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

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

● #faf368 color description : Soft yellow.

The hexadecimal color #faf368 has RGB values of R:250, G:243, B:104 and CMYK values of C:0, M:0.03, Y:0.58, K:0.02. Its decimal value is 16446312.

Hex triplet	faf368	`#faf368`
RGB Decimal	250, 243, 104	`rgb(250,243,104)`
RGB Percent	98, 95.3, 40.8	`rgb(98%,95.3%,40.8%)`
CMYK	0, 3, 58, 2
HSL	57.1°, 93.6, 69.4	`hsl(57.1,93.6%,69.4%)`
HSV (or HSB)	57.1°, 58.4, 98
Web Safe	ffff66	`#ffff66`

CIE-LAB	94.066, -14.504, 66.188
XYZ	73.974, 85.426, 25.688
xyY	0.4, 0.462, 85.426
CIE-LCH	94.066, 67.758, 102.36
CIE-LUV	94.066, 10.674, 83.642
Hunter-Lab	92.426, -18.883, 48.22
Binary	11111010, 11110011, 01101000

#faf368
```
#faf368 rgb(250,243,104)
```
#686ffa
```
#686ffa rgb(104,111,250)
```

Complementary Color

#faaa68
```
#faaa68 rgb(250,170,104)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#b8fa68
```
#b8fa68 rgb(184,250,104)
```

Analogous Color

#aa68fa
```
#aa68fa rgb(170,104,250)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#68b8fa
```
#68b8fa rgb(104,184,250)
```

Split Complementary Color

#f368fa
```
#f368fa rgb(243,104,250)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#68faf3
```
#68faf3 rgb(104,250,243)
```

Triadic Color

#fa686f
```
#fa686f rgb(250,104,111)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#68faf3
```
#68faf3 rgb(104,250,243)
```
#686ffa
```
#686ffa rgb(104,111,250)
```

Tetradic Color

#f8ed1e
```
#f8ed1e rgb(248,237,30)
```
#f8ef37
```
#f8ef37 rgb(248,239,55)
```
#f9f14f
```
#f9f14f rgb(249,241,79)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#fbf581
```
#fbf581 rgb(251,245,129)
```
#fcf799
```
#fcf799 rgb(252,247,153)
```
#fcf9b2
```
#fcf9b2 rgb(252,249,178)
```

Monochromatic Color

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

#facf68
```
#facf68 rgb(250,207,104)
```
#fadb68
```
#fadb68 rgb(250,219,104)
```
#fae768
```
#fae768 rgb(250,231,104)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#f5fa68
```
#f5fa68 rgb(245,250,104)
```
#e9fa68
```
#e9fa68 rgb(233,250,104)
```
#ddfa68
```
#ddfa68 rgb(221,250,104)
```

Similar Colors

Text with hexadecimal color #faf368

This text has a font color of #faf368.

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

#faf368 background color

This paragraph has a background color of #faf368.

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

#faf368 border color

This element has a border color of #faf368.

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

CSS codes

.text {color:#faf368;}

.background {background-color:#faf368;}

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

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)
```
#272501
```
#272501 rgb(39,37,1)
```
#3a3702
```
#3a3702 rgb(58,55,2)
```
#4d4903
```
#4d4903 rgb(77,73,3)
```
#605b03
```
#605b03 rgb(96,91,3)
```
#736d04
```
#736d04 rgb(115,109,4)
```
#868004
```
#868004 rgb(134,128,4)
```
#999205
```
#999205 rgb(153,146,5)
```
#aca406
```
#aca406 rgb(172,164,6)
```
#bfb606
```
#bfb606 rgb(191,182,6)
```
#d2c807
```
#d2c807 rgb(210,200,7)
```
#e5da08
```
#e5da08 rgb(229,218,8)
```

Shade Color Variation

#f7eb09
```
#f7eb09 rgb(247,235,9)
```
#f7ed1c
```
#f7ed1c rgb(247,237,28)
```
#f8ee2f
```
#f8ee2f rgb(248,238,47)
```
#f9f042
```
#f9f042 rgb(249,240,66)
```
#f9f155
```
#f9f155 rgb(249,241,85)
```
#faf368
```
#faf368 rgb(250,243,104)
```
#fbf57b
```
#fbf57b rgb(251,245,123)
```
#fbf68e
```
#fbf68e rgb(251,246,142)
```
#fcf8a1
```
#fcf8a1 rgb(252,248,161)
```
#fdf9b4
```
#fdf9b4 rgb(253,249,180)
```
#fdfbc7
```
#fdfbc7 rgb(253,251,199)
```
#fefcda
```
#fefcda rgb(254,252,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 #faf368 is the most saturated one.

#b2b2b0
```
#b2b2b0 rgb(178,178,176)
```
#b8b7aa
```
#b8b7aa rgb(184,183,170)
```
#bebda4
```
#bebda4 rgb(190,189,164)
```
#c4c29e
```
#c4c29e rgb(196,194,158)
```
#cac898
```
#cac898 rgb(202,200,152)
```
#d0cd92
```
#d0cd92 rgb(208,205,146)
```
#d6d28c
```
#d6d28c rgb(214,210,140)
```
#dcd886
```
#dcd886 rgb(220,216,134)
```
#e2dd80
```
#e2dd80 rgb(226,221,128)
```
#e8e37a
```
#e8e37a rgb(232,227,122)
```
#eee874
```
#eee874 rgb(238,232,116)
```
#f4ee6e
```
#f4ee6e rgb(244,238,110)
```
#faf368
```
#faf368 rgb(250,243,104)
```

Tone Color Variation

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

Dichromacy

#ffeeaf Protanopia 1% of men
#ffebd7 Deuteranopia 1% of men
#ffe9f3 Tritanopia 0.001% of the population

Trichromacy

#fdf095 Protanomaly 1% of men, 0.01% of women
#fdeeae Deuteranomaly 6% of men, 0.4% of women
#fdecc0 Tritanomaly 0.01% of the population

#faf368 hex color

#faf368 Color Information

#faf368 Color Conversion

Color Schemes with #faf368

Alternatives to #faf368

#faf368 Preview

Shades and Tints of #faf368

Tones of #faf368

Color Blindness Simulator