#f2bc65 hex color

In a RGB color space, hex #f2bc65 is composed of 94.9% red, 73.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.3% magenta, 58.3% yellow and 5.1% black. It has a hue angle of 37 degrees, a saturation of 84.4% and a lightness of 67.3%. #f2bc65 color hex could be obtained by blending #ffffca with #e57900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 95
- G 74
- B 40
RGB color chart
- C 0
- M 22
- Y 58
- K 5
CMYK color chart

● #f2bc65 color description : Soft orange.

The hexadecimal color #f2bc65 has RGB values of R:242, G:188, B:101 and CMYK values of C:0, M:0.22, Y:0.58, K:0.05. Its decimal value is 15907941.

Hex triplet	f2bc65	`#f2bc65`
RGB Decimal	242, 188, 101	`rgb(242,188,101)`
RGB Percent	94.9, 73.7, 39.6	`rgb(94.9%,73.7%,39.6%)`
CMYK	0, 22, 58, 5
HSL	37°, 84.4, 67.3	`hsl(37,84.4%,67.3%)`
HSV (or HSB)	37°, 58.3, 94.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.492, 9.923, 50.802
XYZ	56.951, 55.786, 20.079
xyY	0.429, 0.42, 55.786
CIE-LCH	79.492, 51.761, 78.948
CIE-LUV	79.492, 42.32, 59.894
Hunter-Lab	74.69, 5.398, 36.344
Binary	11110010, 10111100, 01100101

#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#659bf2
```
#659bf2 rgb(101,155,242)
```

Complementary Color

#f27665
```
#f27665 rgb(242,118,101)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#e2f265
```
#e2f265 rgb(226,242,101)
```

Analogous Color

#7665f2
```
#7665f2 rgb(118,101,242)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#65e2f2
```
#65e2f2 rgb(101,226,242)
```

Split Complementary Color

#bc65f2
```
#bc65f2 rgb(188,101,242)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#65f2bc
```
#65f2bc rgb(101,242,188)
```

Triadic Color

#f2659b
```
#f2659b rgb(242,101,155)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#65f2bc
```
#65f2bc rgb(101,242,188)
```
#659bf2
```
#659bf2 rgb(101,155,242)
```

Tetradic Color

#ec9d1e
```
#ec9d1e rgb(236,157,30)
```
#eea836
```
#eea836 rgb(238,168,54)
```
#f0b24d
```
#f0b24d rgb(240,178,77)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#f4c67d
```
#f4c67d rgb(244,198,125)
```
#f6d094
```
#f6d094 rgb(246,208,148)
```
#f8dbac
```
#f8dbac rgb(248,219,172)
```

Monochromatic Color

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

#f29965
```
#f29965 rgb(242,153,101)
```
#f2a565
```
#f2a565 rgb(242,165,101)
```
#f2b065
```
#f2b065 rgb(242,176,101)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#f2c865
```
#f2c865 rgb(242,200,101)
```
#f2d465
```
#f2d465 rgb(242,212,101)
```
#f2df65
```
#f2df65 rgb(242,223,101)
```

Similar Colors

Text with hexadecimal color #f2bc65

This text has a font color of #f2bc65.

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

#f2bc65 background color

This paragraph has a background color of #f2bc65.

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

#f2bc65 border color

This element has a border color of #f2bc65.

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

CSS codes

.text {color:#f2bc65;}

.background {background-color:#f2bc65;}

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

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

#090601
```
#090601 rgb(9,6,1)
```
#1b1102
```
#1b1102 rgb(27,17,2)
```
#2d1d04
```
#2d1d04 rgb(45,29,4)
```
#3f2905
```
#3f2905 rgb(63,41,5)
```
#513507
```
#513507 rgb(81,53,7)
```
#634008
```
#634008 rgb(99,64,8)
```
#754c0a
```
#754c0a rgb(117,76,10)
```
#87580b
```
#87580b rgb(135,88,11)
```
#9a640d
```
#9a640d rgb(154,100,13)
```
#ac6f0e
```
#ac6f0e rgb(172,111,14)
```
#be7b10
```
#be7b10 rgb(190,123,16)
```
#d08712
```
#d08712 rgb(208,135,18)
```
#e29313
```
#e29313 rgb(226,147,19)
```

Shade Color Variation

#ec9d1d
```
#ec9d1d rgb(236,157,29)
```
#eda42f
```
#eda42f rgb(237,164,47)
```
#efac41
```
#efac41 rgb(239,172,65)
```
#f0b453
```
#f0b453 rgb(240,180,83)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#f4c477
```
#f4c477 rgb(244,196,119)
```
#f5cc89
```
#f5cc89 rgb(245,204,137)
```
#f7d49b
```
#f7d49b rgb(247,212,155)
```
#f8dbad
```
#f8dbad rgb(248,219,173)
```
#fae3bf
```
#fae3bf rgb(250,227,191)
```
#fbebd2
```
#fbebd2 rgb(251,235,210)
```
#fdf3e4
```
#fdf3e4 rgb(253,243,228)
```
#fefbf6
```
#fefbf6 rgb(254,251,246)
```

Tint Color Variation

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

#b2ada5
```
#b2ada5 rgb(178,173,165)
```
#b8ae9f
```
#b8ae9f rgb(184,174,159)
```
#bfb098
```
#bfb098 rgb(191,176,152)
```
#c5b192
```
#c5b192 rgb(197,177,146)
```
#cbb38c
```
#cbb38c rgb(203,179,140)
```
#d2b485
```
#d2b485 rgb(210,180,133)
```
#d8b67f
```
#d8b67f rgb(216,182,127)
```
#dfb778
```
#dfb778 rgb(223,183,120)
```
#e5b972
```
#e5b972 rgb(229,185,114)
```
#ecba6b
```
#ecba6b rgb(236,186,107)
```
#f2bc65
```
#f2bc65 rgb(242,188,101)
```
#f8be5f
```
#f8be5f rgb(248,190,95)
```
#ffbf58
```
#ffbf58 rgb(255,191,88)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#ccc1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc86f Protanopia 1% of men
#f3bf6d Deuteranopia 1% of men
#fab5c2 Tritanopia 0.001% of the population

Trichromacy

#e3c36b Protanomaly 1% of men, 0.01% of women
#f2be6a Deuteranomaly 6% of men, 0.4% of women
#f7b7a0 Tritanomaly 0.01% of the population

#f2bc65 hex color

#f2bc65 Color Information

#f2bc65 Color Conversion

Color Schemes with #f2bc65

Alternatives to #f2bc65

#f2bc65 Preview

Shades and Tints of #f2bc65

Tones of #f2bc65

Color Blindness Simulator