colorhexa.com

#f6bf72 hex color

In a RGB color space, hex #f6bf72 is composed of 96.5% red, 74.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 53.7% yellow and 3.5% black. It has a hue angle of 35 degrees, a saturation of 88% and a lightness of 70.6%. #f6bf72 color hex could be obtained by blending #ffffe4 with #ed7f00. Closest websafe color is: #ffcc66.

- R 96
- G 75
- B 45
RGB color chart
- C 0
- M 22
- Y 54
- K 4
CMYK color chart

● #f6bf72 color description : Soft orange.

The hexadecimal color #f6bf72 has RGB values of R:246, G:191, B:114 and CMYK values of C:0, M:0.22, Y:0.54, K:0.04. Its decimal value is 16170866.

Hex triplet	f6bf72	`#f6bf72`
RGB Decimal	246, 191, 114	`rgb(246,191,114)`
RGB Percent	96.5, 74.9, 44.7	`rgb(96.5%,74.9%,44.7%)`
CMYK	0, 22, 54, 4
HSL	35°, 88, 70.6	`hsl(35,88%,70.6%)`
HSV (or HSB)	35°, 53.7, 96.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	80.779, 10.991, 46.073
XYZ	59.675, 58.072, 23.985
xyY	0.421, 0.41, 58.072
CIE-LCH	80.779, 47.366, 76.582
CIE-LUV	80.779, 42.229, 55.552
Hunter-Lab	76.205, 6.421, 34.683
Binary	11110110, 10111111, 01110010

#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#72a9f6
```
#72a9f6 rgb(114,169,246)
```

Complementary Color

#f67d72
```
#f67d72 rgb(246,125,114)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#ebf672
```
#ebf672 rgb(235,246,114)
```

Analogous Color

#7d72f6
```
#7d72f6 rgb(125,114,246)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#72ebf6
```
#72ebf6 rgb(114,235,246)
```

Split Complementary Color

#bf72f6
```
#bf72f6 rgb(191,114,246)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#72f6bf
```
#72f6bf rgb(114,246,191)
```

Triadic Color

#f672a9
```
#f672a9 rgb(246,114,169)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#72f6bf
```
#72f6bf rgb(114,246,191)
```
#72a9f6
```
#72a9f6 rgb(114,169,246)
```

Tetradic Color

#f19e2a
```
#f19e2a rgb(241,158,42)
```
#f3a942
```
#f3a942 rgb(243,169,66)
```
#f4b45a
```
#f4b45a rgb(244,180,90)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#f8ca8a
```
#f8ca8a rgb(248,202,138)
```
#f9d5a2
```
#f9d5a2 rgb(249,213,162)
```
#fbe0ba
```
#fbe0ba rgb(251,224,186)
```

Monochromatic Color

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

#f69e72
```
#f69e72 rgb(246,158,114)
```
#f6a972
```
#f6a972 rgb(246,169,114)
```
#f6b472
```
#f6b472 rgb(246,180,114)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#f6ca72
```
#f6ca72 rgb(246,202,114)
```
#f6d572
```
#f6d572 rgb(246,213,114)
```
#f6e072
```
#f6e072 rgb(246,224,114)
```

Similar Colors

Text with hexadecimal color #f6bf72

This text has a font color of #f6bf72.

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

#f6bf72 background color

This paragraph has a background color of #f6bf72.

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

#f6bf72 border color

This element has a border color of #f6bf72.

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

CSS codes

.text {color:#f6bf72;}

.background {background-color:#f6bf72;}

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

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

#070400
```
#070400 rgb(7,4,0)
```
#190f02
```
#190f02 rgb(25,15,2)
```
#2b1a03
```
#2b1a03 rgb(43,26,3)
```
#3e2604
```
#3e2604 rgb(62,38,4)
```
#503105
```
#503105 rgb(80,49,5)
```
#633c06
```
#633c06 rgb(99,60,6)
```
#754707
```
#754707 rgb(117,71,7)
```
#885309
```
#885309 rgb(136,83,9)
```
#9a5e0a
```
#9a5e0a rgb(154,94,10)
```
#ac690b
```
#ac690b rgb(172,105,11)
```
#bf740c
```
#bf740c rgb(191,116,12)
```
#d1800d
```
#d1800d rgb(209,128,13)
```
#e48b0f
```
#e48b0f rgb(228,139,15)
```

Shade Color Variation

#f09516
```
#f09516 rgb(240,149,22)
```
#f19e28
```
#f19e28 rgb(241,158,40)
```
#f2a63b
```
#f2a63b rgb(242,166,59)
```
#f4ae4d
```
#f4ae4d rgb(244,174,77)
```
#f5b760
```
#f5b760 rgb(245,183,96)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#f7c784
```
#f7c784 rgb(247,199,132)
```
#f8d097
```
#f8d097 rgb(248,208,151)
```
#fad8a9
```
#fad8a9 rgb(250,216,169)
```
#fbe0bc
```
#fbe0bc rgb(251,224,188)
```
#fce9ce
```
#fce9ce rgb(252,233,206)
```
#fdf1e1
```
#fdf1e1 rgb(253,241,225)
```
#fefaf3
```
#fefaf3 rgb(254,250,243)
```

Tint Color Variation

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

#b7b4b1
```
#b7b4b1 rgb(183,180,177)
```
#bcb5ac
```
#bcb5ac rgb(188,181,172)
```
#c2b6a6
```
#c2b6a6 rgb(194,182,166)
```
#c8b7a0
```
#c8b7a0 rgb(200,183,160)
```
#ceb89a
```
#ceb89a rgb(206,184,154)
```
#d3b995
```
#d3b995 rgb(211,185,149)
```
#d9ba8f
```
#d9ba8f rgb(217,186,143)
```
#dfbb89
```
#dfbb89 rgb(223,187,137)
```
#e5bc83
```
#e5bc83 rgb(229,188,131)
```
#eabd7e
```
#eabd7e rgb(234,189,126)
```
#f0be78
```
#f0be78 rgb(240,190,120)
```
#f6bf72
```
#f6bf72 rgb(246,191,114)
```
#fcc06c
```
#fcc06c rgb(252,192,108)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0c5b6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddcb7c Protanopia 1% of men
#f5c279 Deuteranopia 1% of men
#fdb9c5 Tritanopia 0.001% of the population

Trichromacy

#e6c678 Protanomaly 1% of men, 0.01% of women
#f5c176 Deuteranomaly 6% of men, 0.4% of women
#fabba7 Tritanomaly 0.01% of the population