#f6bd71 hex color

In a RGB color space, hex #f6bd71 is composed of 96.5% red, 74.1% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.2% magenta, 54.1% yellow and 3.5% black. It has a hue angle of 34.3 degrees, a saturation of 88.1% and a lightness of 70.4%. #f6bd71 color hex could be obtained by blending #ffffe2 with #ed7b00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 74
- B 44
RGB color chart
- C 0
- M 23
- Y 54
- K 4
CMYK color chart

● #f6bd71 color description : Soft orange.

The hexadecimal color #f6bd71 has RGB values of R:246, G:189, B:113 and CMYK values of C:0, M:0.23, Y:0.54, K:0.04. Its decimal value is 16170353.

Hex triplet	f6bd71	`#f6bd71`
RGB Decimal	246, 189, 113	`rgb(246,189,113)`
RGB Percent	96.5, 74.1, 44.3	`rgb(96.5%,74.1%,44.3%)`
CMYK	0, 23, 54, 4
HSL	34.3°, 88.1, 70.4	`hsl(34.3,88.1%,70.4%)`
HSV (or HSB)	34.3°, 54.1, 96.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.282, 11.956, 45.965
XYZ	59.185, 57.183, 23.542
xyY	0.423, 0.409, 57.183
CIE-LCH	80.282, 47.494, 75.42
CIE-LUV	80.282, 43.711, 55.101
Hunter-Lab	75.619, 7.372, 34.475
Binary	11110110, 10111101, 01110001

#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#71aaf6
```
#71aaf6 rgb(113,170,246)
```

Complementary Color

#f67b71
```
#f67b71 rgb(246,123,113)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#edf671
```
#edf671 rgb(237,246,113)
```

Analogous Color

#7b71f6
```
#7b71f6 rgb(123,113,246)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#71edf6
```
#71edf6 rgb(113,237,246)
```

Split Complementary Color

#bd71f6
```
#bd71f6 rgb(189,113,246)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#71f6bd
```
#71f6bd rgb(113,246,189)
```

Triadic Color

#f671aa
```
#f671aa rgb(246,113,170)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#71f6bd
```
#71f6bd rgb(113,246,189)
```
#71aaf6
```
#71aaf6 rgb(113,170,246)
```

Tetradic Color

#f19c29
```
#f19c29 rgb(241,156,41)
```
#f3a741
```
#f3a741 rgb(243,167,65)
```
#f4b259
```
#f4b259 rgb(244,178,89)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#f8c889
```
#f8c889 rgb(248,200,137)
```
#f9d3a1
```
#f9d3a1 rgb(249,211,161)
```
#fbdeb9
```
#fbdeb9 rgb(251,222,185)
```

Monochromatic Color

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

#f69c71
```
#f69c71 rgb(246,156,113)
```
#f6a771
```
#f6a771 rgb(246,167,113)
```
#f6b271
```
#f6b271 rgb(246,178,113)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#f6c871
```
#f6c871 rgb(246,200,113)
```
#f6d371
```
#f6d371 rgb(246,211,113)
```
#f6de71
```
#f6de71 rgb(246,222,113)
```

Similar Colors

Text with hexadecimal color #f6bd71

This text has a font color of #f6bd71.

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

#f6bd71 background color

This paragraph has a background color of #f6bd71.

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

#f6bd71 border color

This element has a border color of #f6bd71.

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

CSS codes

.text {color:#f6bd71;}

.background {background-color:#f6bd71;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#180e02
```
#180e02 rgb(24,14,2)
```
#2a1903
```
#2a1903 rgb(42,25,3)
```
#3d2404
```
#3d2404 rgb(61,36,4)
```
#4f3005
```
#4f3005 rgb(79,48,5)
```
#623b06
```
#623b06 rgb(98,59,6)
```
#744607
```
#744607 rgb(116,70,7)
```
#875109
```
#875109 rgb(135,81,9)
```
#995c0a
```
#995c0a rgb(153,92,10)
```
#ac670b
```
#ac670b rgb(172,103,11)
```
#be720c
```
#be720c rgb(190,114,12)
```
#d07d0d
```
#d07d0d rgb(208,125,13)
```
#e3880e
```
#e3880e rgb(227,136,14)
```

Shade Color Variation

#f09215
```
#f09215 rgb(240,146,21)
```
#f19b27
```
#f19b27 rgb(241,155,39)
```
#f2a33a
```
#f2a33a rgb(242,163,58)
```
#f4ac4c
```
#f4ac4c rgb(244,172,76)
```
#f5b45f
```
#f5b45f rgb(245,180,95)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#f7c683
```
#f7c683 rgb(247,198,131)
```
#f8ce96
```
#f8ce96 rgb(248,206,150)
```
#fad7a8
```
#fad7a8 rgb(250,215,168)
```
#fbdfbb
```
#fbdfbb rgb(251,223,187)
```
#fce8cd
```
#fce8cd rgb(252,232,205)
```
#fdf0e0
```
#fdf0e0 rgb(253,240,224)
```
#fef9f2
```
#fef9f2 rgb(254,249,242)
```

Tint Color Variation

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

#b6b4b1
```
#b6b4b1 rgb(182,180,177)
```
#bcb5ab
```
#bcb5ab rgb(188,181,171)
```
#c2b6a5
```
#c2b6a5 rgb(194,182,165)
```
#c8b69f
```
#c8b69f rgb(200,182,159)
```
#cdb79a
```
#cdb79a rgb(205,183,154)
```
#d3b894
```
#d3b894 rgb(211,184,148)
```
#d9b98e
```
#d9b98e rgb(217,185,142)
```
#dfba88
```
#dfba88 rgb(223,186,136)
```
#e5bb82
```
#e5bb82 rgb(229,187,130)
```
#eabb7d
```
#eabb7d rgb(234,187,125)
```
#f0bc77
```
#f0bc77 rgb(240,188,119)
```
#f6bd71
```
#f6bd71 rgb(246,189,113)
```
#fcbe6b
```
#fcbe6b rgb(252,190,107)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#cfc3b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcca7b Protanopia 1% of men
#f4c178 Deuteranopia 1% of men
#fdb7c3 Tritanopia 0.001% of the population

Trichromacy

#e5c577 Protanomaly 1% of men, 0.01% of women
#f4bf75 Deuteranomaly 6% of men, 0.4% of women
#fab9a5 Tritanomaly 0.01% of the population

#f6bd71 hex color

#f6bd71 Color Information

#f6bd71 Color Conversion

Color Schemes with #f6bd71

Alternatives to #f6bd71

#f6bd71 Preview

Shades and Tints of #f6bd71

Tones of #f6bd71

Color Blindness Simulator