#faf330 hex color

In a RGB color space, hex #faf330 is composed of 98% red, 95.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.8% magenta, 80.8% yellow and 2% black. It has a hue angle of 57.9 degrees, a saturation of 95.3% and a lightness of 58.4%. #faf330 color hex could be obtained by blending #ffff60 with #f5e700. Closest websafe color is: #ffff33.

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

● #faf330 color description : Bright yellow.

The hexadecimal color #faf330 has RGB values of R:250, G:243, B:48 and CMYK values of C:0, M:0.03, Y:0.81, K:0.02. Its decimal value is 16446256.

Hex triplet	faf330	`#faf330`
RGB Decimal	250, 243, 48	`rgb(250,243,48)`
RGB Percent	98, 95.3, 18.8	`rgb(98%,95.3%,18.8%)`
CMYK	0, 3, 81, 2
HSL	57.9°, 95.3, 58.4	`hsl(57.9,95.3%,58.4%)`
HSV (or HSB)	57.9°, 80.8, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.728, -17.153, 85.117
XYZ	72.009, 84.64, 15.34
xyY	0.419, 0.492, 84.64
CIE-LCH	93.728, 86.828, 101.394
CIE-LUV	93.728, 11.86, 98.243
Hunter-Lab	92, -21.288, 54.514
Binary	11111010, 11110011, 00110000

#faf330
```
#faf330 rgb(250,243,48)
```
#3037fa
```
#3037fa rgb(48,55,250)
```

Complementary Color

#fa8e30
```
#fa8e30 rgb(250,142,48)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#9cfa30
```
#9cfa30 rgb(156,250,48)
```

Analogous Color

#8e30fa
```
#8e30fa rgb(142,48,250)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#309cfa
```
#309cfa rgb(48,156,250)
```

Split Complementary Color

#f330fa
```
#f330fa rgb(243,48,250)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#30faf3
```
#30faf3 rgb(48,250,243)
```

Triadic Color

#fa3037
```
#fa3037 rgb(250,48,55)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#30faf3
```
#30faf3 rgb(48,250,243)
```
#3037fa
```
#3037fa rgb(48,55,250)
```

Tetradic Color

#d8d105
```
#d8d105 rgb(216,209,5)
```
#f1e906
```
#f1e906 rgb(241,233,6)
```
#f9f217
```
#f9f217 rgb(249,242,23)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#fbf449
```
#fbf449 rgb(251,244,73)
```
#fbf662
```
#fbf662 rgb(251,246,98)
```
#fcf77b
```
#fcf77b rgb(252,247,123)
```

Monochromatic Color

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

#fac130
```
#fac130 rgb(250,193,48)
```
#fad130
```
#fad130 rgb(250,209,48)
```
#fae230
```
#fae230 rgb(250,226,48)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#f0fa30
```
#f0fa30 rgb(240,250,48)
```
#dffa30
```
#dffa30 rgb(223,250,48)
```
#cffa30
```
#cffa30 rgb(207,250,48)
```

Similar Colors

Text with hexadecimal color #faf330

This text has a font color of #faf330.

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

#faf330 background color

This paragraph has a background color of #faf330.

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

#faf330 border color

This element has a border color of #faf330.

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

CSS codes

.text {color:#faf330;}

.background {background-color:#faf330;}

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

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

#040400
```
#040400 rgb(4,4,0)
```
#171601
```
#171601 rgb(23,22,1)
```
#2a2901
```
#2a2901 rgb(42,41,1)
```
#3d3b01
```
#3d3b01 rgb(61,59,1)
```
#504e02
```
#504e02 rgb(80,78,2)
```
#636002
```
#636002 rgb(99,96,2)
```
#777303
```
#777303 rgb(119,115,3)
```
#8a8503
```
#8a8503 rgb(138,133,3)
```
#9d9804
```
#9d9804 rgb(157,152,4)
```
#b0aa04
```
#b0aa04 rgb(176,170,4)
```
#c3bd05
```
#c3bd05 rgb(195,189,5)
```
#d6cf05
```
#d6cf05 rgb(214,207,5)
```
#eae206
```
#eae206 rgb(234,226,6)
```

Shade Color Variation

#f9f10a
```
#f9f10a rgb(249,241,10)
```
#faf21d
```
#faf21d rgb(250,242,29)
```
#faf330
```
#faf330 rgb(250,243,48)
```
#faf443
```
#faf443 rgb(250,244,67)
```
#fbf556
```
#fbf556 rgb(251,245,86)
```
#fbf669
```
#fbf669 rgb(251,246,105)
```
#fcf77d
```
#fcf77d rgb(252,247,125)
```
#fcf990
```
#fcf990 rgb(252,249,144)
```
#fdfaa3
```
#fdfaa3 rgb(253,250,163)
```
#fdfbb6
```
#fdfbb6 rgb(253,251,182)
```
#fefcc9
```
#fefcc9 rgb(254,252,201)
```
#fefddc
```
#fefddc rgb(254,253,220)
```
#fffef0
```
#fffef0 rgb(255,254,240)
```

Tint Color Variation

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

#989892
```
#989892 rgb(152,152,146)
```
#a0a08a
```
#a0a08a rgb(160,160,138)
```
#a8a782
```
#a8a782 rgb(168,167,130)
```
#b1af79
```
#b1af79 rgb(177,175,121)
```
#b9b671
```
#b9b671 rgb(185,182,113)
```
#c1be69
```
#c1be69 rgb(193,190,105)
```
#c9c561
```
#c9c561 rgb(201,197,97)
```
#d1cd59
```
#d1cd59 rgb(209,205,89)
```
#d9d551
```
#d9d551 rgb(217,213,81)
```
#e2dc48
```
#e2dc48 rgb(226,220,72)
```
#eae440
```
#eae440 rgb(234,228,64)
```
#f2eb38
```
#f2eb38 rgb(242,235,56)
```
#faf330
```
#faf330 rgb(250,243,48)
```

Tone Color Variation

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

Dichromacy

#ffeea8 Protanopia 1% of men
#ffebd3 Deuteranopia 1% of men
#ffe8f1 Tritanopia 0.001% of the population

Trichromacy

#fdef7c Protanomaly 1% of men, 0.01% of women
#fded97 Deuteranomaly 6% of men, 0.4% of women
#fdecab Tritanomaly 0.01% of the population

#faf330 hex color

#faf330 Color Information

#faf330 Color Conversion

Color Schemes with #faf330

Alternatives to #faf330

#faf330 Preview

Shades and Tints of #faf330

Tones of #faf330

Color Blindness Simulator