#faf545 hex color

In a RGB color space, hex #faf545 is composed of 98% red, 96.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 72.4% yellow and 2% black. It has a hue angle of 58.3 degrees, a saturation of 94.8% and a lightness of 62.5%. #faf545 color hex could be obtained by blending #ffff8a with #f5eb00. Closest websafe color is: #ffff33.

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

● #faf545 color description : Bright yellow.

The hexadecimal color #faf545 has RGB values of R:250, G:245, B:69 and CMYK values of C:0, M:0.02, Y:0.72, K:0.02. Its decimal value is 16446789.

Hex triplet	faf545	`#faf545`
RGB Decimal	250, 245, 69	`rgb(250,245,69)`
RGB Percent	98, 96.1, 27.1	`rgb(98%,96.1%,27.1%)`
CMYK	0, 2, 72, 2
HSL	58.3°, 94.8, 62.5	`hsl(58.3,94.8%,62.5%)`
HSV (or HSB)	58.3°, 72.4, 98
Web Safe	ffff33	`#ffff33`

CIE-LAB	94.338, -17.385, 79.689
XYZ	73.151, 86.06, 18.388
xyY	0.412, 0.485, 86.06
CIE-LCH	94.338, 81.564, 102.307
CIE-LUV	94.338, 10.221, 94.943
Hunter-Lab	92.768, -21.592, 53.186
Binary	11111010, 11110101, 01000101

#faf545
```
#faf545 rgb(250,245,69)
```
#454afa
```
#454afa rgb(69,74,250)
```

Complementary Color

#fa9b45
```
#fa9b45 rgb(250,155,69)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#a5fa45
```
#a5fa45 rgb(165,250,69)
```

Analogous Color

#9b45fa
```
#9b45fa rgb(155,69,250)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#45a5fa
```
#45a5fa rgb(69,165,250)
```

Split Complementary Color

#f545fa
```
#f545fa rgb(245,69,250)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#45faf5
```
#45faf5 rgb(69,250,245)
```

Triadic Color

#fa454a
```
#fa454a rgb(250,69,74)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#45faf5
```
#45faf5 rgb(69,250,245)
```
#454afa
```
#454afa rgb(69,74,250)
```

Tetradic Color

#ece606
```
#ece606 rgb(236,230,6)
```
#f9f213
```
#f9f213 rgb(249,242,19)
```
#f9f42c
```
#f9f42c rgb(249,244,44)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#fbf65e
```
#fbf65e rgb(251,246,94)
```
#fbf877
```
#fbf877 rgb(251,248,119)
```
#fcf98f
```
#fcf98f rgb(252,249,143)
```

Monochromatic Color

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

#fac845
```
#fac845 rgb(250,200,69)
```
#fad745
```
#fad745 rgb(250,215,69)
```
#fae645
```
#fae645 rgb(250,230,69)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#f0fa45
```
#f0fa45 rgb(240,250,69)
```
#e1fa45
```
#e1fa45 rgb(225,250,69)
```
#d2fa45
```
#d2fa45 rgb(210,250,69)
```

Similar Colors

Text with hexadecimal color #faf545

This text has a font color of #faf545.

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

#faf545 background color

This paragraph has a background color of #faf545.

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

#faf545 border color

This element has a border color of #faf545.

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

CSS codes

.text {color:#faf545;}

.background {background-color:#faf545;}

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

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)
```
#181701
```
#181701 rgb(24,23,1)
```
#2b2a01
```
#2b2a01 rgb(43,42,1)
```
#3e3d02
```
#3e3d02 rgb(62,61,2)
```
#514f02
```
#514f02 rgb(81,79,2)
```
#656203
```
#656203 rgb(101,98,3)
```
#787403
```
#787403 rgb(120,116,3)
```
#8b8704
```
#8b8704 rgb(139,135,4)
```
#9e9a04
```
#9e9a04 rgb(158,154,4)
```
#b1ac05
```
#b1ac05 rgb(177,172,5)
```
#c4bf05
```
#c4bf05 rgb(196,191,5)
```
#d7d106
```
#d7d106 rgb(215,209,6)
```
#eae406
```
#eae406 rgb(234,228,6)
```

Shade Color Variation

#f8f20c
```
#f8f20c rgb(248,242,12)
```
#f9f31f
```
#f9f31f rgb(249,243,31)
```
#f9f432
```
#f9f432 rgb(249,244,50)
```
#faf545
```
#faf545 rgb(250,245,69)
```
#fbf658
```
#fbf658 rgb(251,246,88)
```
#fbf76b
```
#fbf76b rgb(251,247,107)
```
#fcf87e
```
#fcf87e rgb(252,248,126)
```
#fcf991
```
#fcf991 rgb(252,249,145)
```
#fdfaa5
```
#fdfaa5 rgb(253,250,165)
```
#fdfbb8
```
#fdfbb8 rgb(253,251,184)
```
#fefccb
```
#fefccb rgb(254,252,203)
```
#fefdde
```
#fefdde rgb(254,253,222)
```
#fffef1
```
#fffef1 rgb(255,254,241)
```

Tint Color Variation

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

#a2a29d
```
#a2a29d rgb(162,162,157)
```
#a9a996
```
#a9a996 rgb(169,169,150)
```
#b1b08e
```
#b1b08e rgb(177,176,142)
```
#b8b787
```
#b8b787 rgb(184,183,135)
```
#bfbd80
```
#bfbd80 rgb(191,189,128)
```
#c7c478
```
#c7c478 rgb(199,196,120)
```
#cecb71
```
#cecb71 rgb(206,203,113)
```
#d5d26a
```
#d5d26a rgb(213,210,106)
```
#ddd962
```
#ddd962 rgb(221,217,98)
```
#e4e05b
```
#e4e05b rgb(228,224,91)
```
#ebe754
```
#ebe754 rgb(235,231,84)
```
#f3ee4c
```
#f3ee4c rgb(243,238,76)
```
#faf545
```
#faf545 rgb(250,245,69)
```

Tone Color Variation

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

#e2e2e2 Achromatopsia 0.005% of the population
#e7e6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffefb3 Protanopia 1% of men
#ffecd8 Deuteranopia 1% of men
#ffeaf3 Tritanopia 0.001% of the population

Trichromacy

#fdf18b Protanomaly 1% of men, 0.01% of women
#fdefa2 Deuteranomaly 6% of men, 0.4% of women
#fdeeb3 Tritanomaly 0.01% of the population

#faf545 hex color

#faf545 Color Information

#faf545 Color Conversion

Color Schemes with #faf545

Alternatives to #faf545

#faf545 Preview

Shades and Tints of #faf545

Tones of #faf545

Color Blindness Simulator