#faf30a hex color

In a RGB color space, hex #faf30a is composed of 98% red, 95.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 96% yellow and 2% black. It has a hue angle of 58.3 degrees, a saturation of 96% and a lightness of 51%. #faf30a color hex could be obtained by blending #ffff14 with #f5e700. Closest websafe color is: #ffff00.

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

● #faf30a color description : Vivid yellow.

The hexadecimal color #faf30a has RGB values of R:250, G:243, B:10 and CMYK values of C:0, M:0.03, Y:0.96, K:0.02. Its decimal value is 16446218.

Hex triplet	faf30a	`#faf30a`
RGB Decimal	250, 243, 10	`rgb(250,243,10)`
RGB Percent	98, 95.3, 3.9	`rgb(98%,95.3%,3.9%)`
CMYK	0, 3, 96, 2
HSL	58.3°, 96, 51	`hsl(58.3,96%,51%)`
HSV (or HSB)	58.3°, 96, 98
Web Safe	ffff00	`#ffff00`

CIE-LAB	93.645, -17.808, 91.019
XYZ	71.53, 84.449, 12.82
xyY	0.424, 0.5, 84.449
CIE-LCH	93.645, 92.745, 101.07
CIE-LUV	93.645, 12.159, 101.93
Hunter-Lab	91.896, -21.877, 56.056
Binary	11111010, 11110011, 00001010

#faf30a
```
#faf30a rgb(250,243,10)
```
#0a11fa
```
#0a11fa rgb(10,17,250)
```

Complementary Color

#fa7b0a
```
#fa7b0a rgb(250,123,10)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#89fa0a
```
#89fa0a rgb(137,250,10)
```

Analogous Color

#7b0afa
```
#7b0afa rgb(123,10,250)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#0a89fa
```
#0a89fa rgb(10,137,250)
```

Split Complementary Color

#f30afa
```
#f30afa rgb(243,10,250)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#0afaf3
```
#0afaf3 rgb(10,250,243)
```

Triadic Color

#fa0a11
```
#fa0a11 rgb(250,10,17)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#0afaf3
```
#0afaf3 rgb(10,250,243)
```
#0a11fa
```
#0a11fa rgb(10,17,250)
```

Tetradic Color

#b4af04
```
#b4af04 rgb(180,175,4)
```
#cdc704
```
#cdc704 rgb(205,199,4)
```
#e6df05
```
#e6df05 rgb(230,223,5)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#fbf423
```
#fbf423 rgb(251,244,35)
```
#fbf53c
```
#fbf53c rgb(251,245,60)
```
#fcf755
```
#fcf755 rgb(252,247,85)
```

Monochromatic Color

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

#fab70a
```
#fab70a rgb(250,183,10)
```
#facb0a
```
#facb0a rgb(250,203,10)
```
#fadf0a
```
#fadf0a rgb(250,223,10)
```
#faf30a
```
#faf30a rgb(250,243,10)
```
#edfa0a
```
#edfa0a rgb(237,250,10)
```
#d9fa0a
```
#d9fa0a rgb(217,250,10)
```
#c5fa0a
```
#c5fa0a rgb(197,250,10)
```

Similar Colors

Text with hexadecimal color #faf30a

This text has a font color of #faf30a.

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

#faf30a background color

This paragraph has a background color of #faf30a.

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

#faf30a border color

This element has a border color of #faf30a.

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

CSS codes

.text {color:#faf30a;}

.background {background-color:#faf30a;}

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

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

#050500
```
#050500 rgb(5,5,0)
```
#181700
```
#181700 rgb(24,23,0)
```
#2b2a01
```
#2b2a01 rgb(43,42,1)
```
#3f3d01
```
#3f3d01 rgb(63,61,1)
```
#524f02
```
#524f02 rgb(82,79,2)
```
#656202
```
#656202 rgb(101,98,2)
```
#787502
```
#787502 rgb(120,117,2)
```
#8b8703
```
#8b8703 rgb(139,135,3)
```
#9f9a03
```
#9f9a03 rgb(159,154,3)
```
#b2ad04
```
#b2ad04 rgb(178,173,4)
```
#c5bf04
```
#c5bf04 rgb(197,191,4)
```
#d8d204
```
#d8d204 rgb(216,210,4)
```
#ece505
```
#ece505 rgb(236,229,5)
```

Shade Color Variation

#faf30a
```
#faf30a rgb(250,243,10)
```
#faf41d
```
#faf41d rgb(250,244,29)
```
#fbf530
```
#fbf530 rgb(251,245,48)
```
#fbf644
```
#fbf644 rgb(251,246,68)
```
#fcf757
```
#fcf757 rgb(252,247,87)
```
#fcf86a
```
#fcf86a rgb(252,248,106)
```
#fcf97d
```
#fcf97d rgb(252,249,125)
```
#fdfa91
```
#fdfa91 rgb(253,250,145)
```
#fdfba4
```
#fdfba4 rgb(253,251,164)
```
#fefbb7
```
#fefbb7 rgb(254,251,183)
```
#fefcca
```
#fefcca rgb(254,252,202)
```
#fefddd
```
#fefddd rgb(254,253,221)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#87867d
```
#87867d rgb(135,134,125)
```
#908f74
```
#908f74 rgb(144,143,116)
```
#9a986a
```
#9a986a rgb(154,152,106)
```
#a3a261
```
#a3a261 rgb(163,162,97)
```
#adab57
```
#adab57 rgb(173,171,87)
```
#b7b44d
```
#b7b44d rgb(183,180,77)
```
#c0bd44
```
#c0bd44 rgb(192,189,68)
```
#cac63a
```
#cac63a rgb(202,198,58)
```
#d4cf30
```
#d4cf30 rgb(212,207,48)
```
#ddd827
```
#ddd827 rgb(221,216,39)
```
#e7e11d
```
#e7e11d rgb(231,225,29)
```
#f0ea14
```
#f0ea14 rgb(240,234,20)
```
#faf30a
```
#faf30a rgb(250,243,10)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#e1e0b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeda6 Protanopia 1% of men
#ffead2 Deuteranopia 1% of men
#ffe7f1 Tritanopia 0.001% of the population

Trichromacy

#fdef6d Protanomaly 1% of men, 0.01% of women
#fded89 Deuteranomaly 6% of men, 0.4% of women
#fdeb9d Tritanomaly 0.01% of the population

#faf30a hex color

#faf30a Color Information

#faf30a Color Conversion

Color Schemes with #faf30a

Alternatives to #faf30a

#faf30a Preview

Shades and Tints of #faf30a

Tones of #faf30a

Color Blindness Simulator