#faf248 hex color

In a RGB color space, hex #faf248 is composed of 98% red, 94.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.2% magenta, 71.2% yellow and 2% black. It has a hue angle of 57.3 degrees, a saturation of 94.7% and a lightness of 63.1%. #faf248 color hex could be obtained by blending #ffff90 with #f5e500. Closest websafe color is: #ffff33.

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

● #faf248 color description : Bright yellow.

The hexadecimal color #faf248 has RGB values of R:250, G:242, B:72 and CMYK values of C:0, M:0.03, Y:0.71, K:0.02. Its decimal value is 16446024.

Hex triplet	faf248	`#faf248`
RGB Decimal	250, 242, 72	`rgb(250,242,72)`
RGB Percent	98, 94.9, 28.2	`rgb(98%,94.9%,28.2%)`
CMYK	0, 3, 71, 2
HSL	57.3°, 94.7, 63.1	`hsl(57.3,94.7%,63.1%)`
HSV (or HSB)	57.3°, 71.2, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	93.58, -15.803, 77.977
XYZ	72.346, 84.298, 18.591
xyY	0.413, 0.481, 84.298
CIE-LCH	93.58, 79.562, 101.457
CIE-LUV	93.58, 12.123, 93.02
Hunter-Lab	91.814, -20.022, 52.264
Binary	11111010, 11110010, 01001000

#faf248
```
#faf248 rgb(250,242,72)
```
#4850fa
```
#4850fa rgb(72,80,250)
```

Complementary Color

#fa9948
```
#fa9948 rgb(250,153,72)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#a9fa48
```
#a9fa48 rgb(169,250,72)
```

Analogous Color

#9948fa
```
#9948fa rgb(153,72,250)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#48a9fa
```
#48a9fa rgb(72,169,250)
```

Split Complementary Color

#f248fa
```
#f248fa rgb(242,72,250)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#48faf2
```
#48faf2 rgb(72,250,242)
```

Triadic Color

#fa4850
```
#fa4850 rgb(250,72,80)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#48faf2
```
#48faf2 rgb(72,250,242)
```
#4850fa
```
#4850fa rgb(72,80,250)
```

Tetradic Color

#efe507
```
#efe507 rgb(239,229,7)
```
#f9ee16
```
#f9ee16 rgb(249,238,22)
```
#f9f02f
```
#f9f02f rgb(249,240,47)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#fbf461
```
#fbf461 rgb(251,244,97)
```
#fbf67a
```
#fbf67a rgb(251,246,122)
```
#fcf792
```
#fcf792 rgb(252,247,146)
```

Monochromatic Color

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

#fac648
```
#fac648 rgb(250,198,72)
```
#fad448
```
#fad448 rgb(250,212,72)
```
#fae348
```
#fae348 rgb(250,227,72)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#f3fa48
```
#f3fa48 rgb(243,250,72)
```
#e4fa48
```
#e4fa48 rgb(228,250,72)
```
#d6fa48
```
#d6fa48 rgb(214,250,72)
```

Similar Colors

Text with hexadecimal color #faf248

This text has a font color of #faf248.

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

#faf248 background color

This paragraph has a background color of #faf248.

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

#faf248 border color

This element has a border color of #faf248.

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

CSS codes

.text {color:#faf248;}

.background {background-color:#faf248;}

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

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

#080800
```
#080800 rgb(8,8,0)
```
#1b1a01
```
#1b1a01 rgb(27,26,1)
```
#2e2c01
```
#2e2c01 rgb(46,44,1)
```
#413e02
```
#413e02 rgb(65,62,2)
```
#545102
```
#545102 rgb(84,81,2)
```
#676303
```
#676303 rgb(103,99,3)
```
#7a7503
```
#7a7503 rgb(122,117,3)
```
#8e8704
```
#8e8704 rgb(142,135,4)
```
#a19a04
```
#a19a04 rgb(161,154,4)
```
#b4ac05
```
#b4ac05 rgb(180,172,5)
```
#c7be05
```
#c7be05 rgb(199,190,5)
```
#dad006
```
#dad006 rgb(218,208,6)
```
#ede306
```
#ede306 rgb(237,227,6)
```

Shade Color Variation

#f8ee0f
```
#f8ee0f rgb(248,238,15)
```
#f9ef22
```
#f9ef22 rgb(249,239,34)
```
#f9f135
```
#f9f135 rgb(249,241,53)
```
#faf248
```
#faf248 rgb(250,242,72)
```
#fbf35b
```
#fbf35b rgb(251,243,91)
```
#fbf56e
```
#fbf56e rgb(251,245,110)
```
#fcf681
```
#fcf681 rgb(252,246,129)
```
#fcf794
```
#fcf794 rgb(252,247,148)
```
#fdf9a7
```
#fdf9a7 rgb(253,249,167)
```
#fdfabb
```
#fdfabb rgb(253,250,187)
```
#fefbce
```
#fefbce rgb(254,251,206)
```
#fefde1
```
#fefde1 rgb(254,253,225)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#a3a39f
```
#a3a39f rgb(163,163,159)
```
#aaaa98
```
#aaaa98 rgb(170,170,152)
```
#b2b090
```
#b2b090 rgb(178,176,144)
```
#b9b789
```
#b9b789 rgb(185,183,137)
```
#c0bd82
```
#c0bd82 rgb(192,189,130)
```
#c7c47b
```
#c7c47b rgb(199,196,123)
```
#cfcb73
```
#cfcb73 rgb(207,203,115)
```
#d6d16c
```
#d6d16c rgb(214,209,108)
```
#ddd865
```
#ddd865 rgb(221,216,101)
```
#e4de5e
```
#e4de5e rgb(228,222,94)
```
#ece556
```
#ece556 rgb(236,229,86)
```
#f3eb4f
```
#f3eb4f rgb(243,235,79)
```
#faf248
```
#faf248 rgb(250,242,72)
```

Tone Color Variation

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

#e1e1e1 Achromatopsia 0.005% of the population
#e6e4c2 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

#fdef83 Protanomaly 1% of men, 0.01% of women
#fdeda0 Deuteranomaly 6% of men, 0.4% of women
#fdebb3 Tritanomaly 0.01% of the population

#faf248 hex color

#faf248 Color Information

#faf248 Color Conversion

Color Schemes with #faf248

Alternatives to #faf248

#faf248 Preview

Shades and Tints of #faf248

Tones of #faf248

Color Blindness Simulator