#f8bd1c hex color

In a RGB color space, hex #f8bd1c is composed of 97.3% red, 74.1% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 88.7% yellow and 2.7% black. It has a hue angle of 43.9 degrees, a saturation of 94% and a lightness of 54.1%. #f8bd1c color hex could be obtained by blending #ffff38 with #f17b00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 97
- G 74
- B 11
RGB color chart
- C 0
- M 24
- Y 89
- K 3
CMYK color chart

● #f8bd1c color description : Vivid orange.

The hexadecimal color #f8bd1c has RGB values of R:248, G:189, B:28 and CMYK values of C:0, M:0.24, Y:0.89, K:0.03. Its decimal value is 16301340.

Hex triplet	f8bd1c	`#f8bd1c`
RGB Decimal	248, 189, 28	`rgb(248,189,28)`
RGB Percent	97.3, 74.1, 11	`rgb(97.3%,74.1%,11%)`
CMYK	0, 24, 89, 3
HSL	43.9°, 94, 54.1	`hsl(43.9,94%,54.1%)`
HSV (or HSB)	43.9°, 88.7, 97.3
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.863, 8.74, 78.211
XYZ	57.12, 56.439, 8.984
xyY	0.466, 0.461, 56.439
CIE-LCH	79.863, 78.698, 83.624
CIE-LUV	79.863, 49.486, 80.422
Hunter-Lab	75.126, 4.248, 45.498
Binary	11111000, 10111101, 00011100

#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#1c57f8
```
#1c57f8 rgb(28,87,248)
```

Complementary Color

#f84f1c
```
#f84f1c rgb(248,79,28)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#c5f81c
```
#c5f81c rgb(197,248,28)
```

Analogous Color

#4f1cf8
```
#4f1cf8 rgb(79,28,248)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#1cc5f8
```
#1cc5f8 rgb(28,197,248)
```

Split Complementary Color

#bd1cf8
```
#bd1cf8 rgb(189,28,248)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#1cf8bd
```
#1cf8bd rgb(28,248,189)
```

Triadic Color

#f81c57
```
#f81c57 rgb(248,28,87)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#1cf8bd
```
#1cf8bd rgb(28,248,189)
```
#1c57f8
```
#1c57f8 rgb(28,87,248)
```

Tetradic Color

#c28f06
```
#c28f06 rgb(194,143,6)
```
#daa207
```
#daa207 rgb(218,162,7)
```
#f3b407
```
#f3b407 rgb(243,180,7)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#f9c435
```
#f9c435 rgb(249,196,53)
```
#facb4d
```
#facb4d rgb(250,203,77)
```
#fad366
```
#fad366 rgb(250,211,102)
```

Monochromatic Color

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

#f8861c
```
#f8861c rgb(248,134,28)
```
#f8981c
```
#f8981c rgb(248,152,28)
```
#f8ab1c
```
#f8ab1c rgb(248,171,28)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#f8cf1c
```
#f8cf1c rgb(248,207,28)
```
#f8e21c
```
#f8e21c rgb(248,226,28)
```
#f8f41c
```
#f8f41c rgb(248,244,28)
```

Similar Colors

Text with hexadecimal color #f8bd1c

This text has a font color of #f8bd1c.

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

#f8bd1c background color

This paragraph has a background color of #f8bd1c.

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

#f8bd1c border color

This element has a border color of #f8bd1c.

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

CSS codes

.text {color:#f8bd1c;}

.background {background-color:#f8bd1c;}

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

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 #fefaed is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#140f01
```
#140f01 rgb(20,15,1)
```
#271d01
```
#271d01 rgb(39,29,1)
```
#3a2b02
```
#3a2b02 rgb(58,43,2)
```
#4d3902
```
#4d3902 rgb(77,57,2)
```
#604703
```
#604703 rgb(96,71,3)
```
#745504
```
#745504 rgb(116,85,4)
```
#876404
```
#876404 rgb(135,100,4)
```
#9a7205
```
#9a7205 rgb(154,114,5)
```
#ad8005
```
#ad8005 rgb(173,128,5)
```
#c08e06
```
#c08e06 rgb(192,142,6)
```
#d39c06
```
#d39c06 rgb(211,156,6)
```
#e6aa07
```
#e6aa07 rgb(230,170,7)
```

Shade Color Variation

#f7b709
```
#f7b709 rgb(247,183,9)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```
#f9c32f
```
#f9c32f rgb(249,195,47)
```
#f9c842
```
#f9c842 rgb(249,200,66)
```
#face55
```
#face55 rgb(250,206,85)
```
#fad368
```
#fad368 rgb(250,211,104)
```
#fbd97b
```
#fbd97b rgb(251,217,123)
```
#fcde8e
```
#fcde8e rgb(252,222,142)
```
#fce4a1
```
#fce4a1 rgb(252,228,161)
```
#fde9b4
```
#fde9b4 rgb(253,233,180)
```
#fdefc7
```
#fdefc7 rgb(253,239,199)
```
#fef4da
```
#fef4da rgb(254,244,218)
```
#fefaed
```
#fefaed rgb(254,250,237)
```

Tint Color Variation

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

#8c8b88
```
#8c8b88 rgb(140,139,136)
```
#958f7f
```
#958f7f rgb(149,143,127)
```
#9e9376
```
#9e9376 rgb(158,147,118)
```
#a7976d
```
#a7976d rgb(167,151,109)
```
#b09c64
```
#b09c64 rgb(176,156,100)
```
#b9a05b
```
#b9a05b rgb(185,160,91)
```
#c2a452
```
#c2a452 rgb(194,164,82)
```
#cba849
```
#cba849 rgb(203,168,73)
```
#d4ac40
```
#d4ac40 rgb(212,172,64)
```
#ddb037
```
#ddb037 rgb(221,176,55)
```
#e6b52e
```
#e6b52e rgb(230,181,46)
```
#efb925
```
#efb925 rgb(239,185,37)
```
#f8bd1c
```
#f8bd1c rgb(248,189,28)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c8bc9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c92a Protanopia 1% of men
#fabf28 Deuteranopia 1% of men
#ffb5c0 Tritanopia 0.001% of the population

Trichromacy

#e9c425 Protanomaly 1% of men, 0.01% of women
#f9be24 Deuteranomaly 6% of men, 0.4% of women
#fcb884 Tritanomaly 0.01% of the population

#f8bd1c hex color

#f8bd1c Color Information

#f8bd1c Color Conversion

Color Schemes with #f8bd1c

Alternatives to #f8bd1c

#f8bd1c Preview

Shades and Tints of #f8bd1c

Tones of #f8bd1c

Color Blindness Simulator