#ffbf2c hex color

In a RGB color space, hex #ffbf2c is composed of 100% red, 74.9% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.1% magenta, 82.7% yellow and 0% black. It has a hue angle of 41.8 degrees, a saturation of 100% and a lightness of 58.6%. #ffbf2c color hex could be obtained by blending #ffff58 with #ff7f00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 100
- G 75
- B 17
RGB color chart
- C 0
- M 25
- Y 83
- K 0
CMYK color chart

● #ffbf2c color description : Vivid orange.

The hexadecimal color #ffbf2c has RGB values of R:255, G:191, B:44 and CMYK values of C:0, M:0.25, Y:0.83, K:0. Its decimal value is 16760620.

Hex triplet	ffbf2c	`#ffbf2c`
RGB Decimal	255, 191, 44	`rgb(255,191,44)`
RGB Percent	100, 74.9, 17.3	`rgb(100%,74.9%,17.3%)`
CMYK	0, 25, 83, 0
HSL	41.8°, 100, 58.6	`hsl(41.8,100%,58.6%)`
HSV (or HSB)	41.8°, 82.7, 100
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	81.13, 11.03, 75.643
XYZ	60.327, 58.707, 10.537
xyY	0.466, 0.453, 58.707
CIE-LCH	81.13, 76.443, 81.704
CIE-LUV	81.13, 53.03, 79.042
Hunter-Lab	76.62, 6.455, 45.481
Binary	11111111, 10111111, 00101100

#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#2c6cff
```
#2c6cff rgb(44,108,255)
```

Complementary Color

#ff552c
```
#ff552c rgb(255,85,44)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#d6ff2c
```
#d6ff2c rgb(214,255,44)
```

Analogous Color

#552cff
```
#552cff rgb(85,44,255)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#2cd6ff
```
#2cd6ff rgb(44,214,255)
```

Split Complementary Color

#bf2cff
```
#bf2cff rgb(191,44,255)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#2cffbf
```
#2cffbf rgb(44,255,191)
```

Triadic Color

#ff2c6c
```
#ff2c6c rgb(255,44,108)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#2cffbf
```
#2cffbf rgb(44,255,191)
```
#2c6cff
```
#2c6cff rgb(44,108,255)
```

Tetradic Color

#df9b00
```
#df9b00 rgb(223,155,0)
```
#f8ad00
```
#f8ad00 rgb(248,173,0)
```
#ffb713
```
#ffb713 rgb(255,183,19)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#ffc746
```
#ffc746 rgb(255,199,70)
```
#ffce5f
```
#ffce5f rgb(255,206,95)
```
#ffd679
```
#ffd679 rgb(255,214,121)
```

Monochromatic Color

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

#ff8a2c
```
#ff8a2c rgb(255,138,44)
```
#ff9c2c
```
#ff9c2c rgb(255,156,44)
```
#ffad2c
```
#ffad2c rgb(255,173,44)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#ffd12c
```
#ffd12c rgb(255,209,44)
```
#ffe22c
```
#ffe22c rgb(255,226,44)
```
#fff42c
```
#fff42c rgb(255,244,44)
```

Similar Colors

Text with hexadecimal color #ffbf2c

This text has a font color of #ffbf2c.

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

#ffbf2c background color

This paragraph has a background color of #ffbf2c.

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

#ffbf2c border color

This element has a border color of #ffbf2c.

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

CSS codes

.text {color:#ffbf2c;}

.background {background-color:#ffbf2c;}

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

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

#050300
```
#050300 rgb(5,3,0)
```
#181100
```
#181100 rgb(24,17,0)
```
#2c1f00
```
#2c1f00 rgb(44,31,0)
```
#402c00
```
#402c00 rgb(64,44,0)
```
#533a00
```
#533a00 rgb(83,58,0)
```
#674800
```
#674800 rgb(103,72,0)
```
#7a5500
```
#7a5500 rgb(122,85,0)
```
#8e6300
```
#8e6300 rgb(142,99,0)
```
#a27100
```
#a27100 rgb(162,113,0)
```
#b57e00
```
#b57e00 rgb(181,126,0)
```
#c98c00
```
#c98c00 rgb(201,140,0)
```
#dd9a00
```
#dd9a00 rgb(221,154,0)
```
#f0a700
```
#f0a700 rgb(240,167,0)
```

Shade Color Variation

#ffb305
```
#ffb305 rgb(255,179,5)
```
#ffb918
```
#ffb918 rgb(255,185,24)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```
#ffc540
```
#ffc540 rgb(255,197,64)
```
#ffcb53
```
#ffcb53 rgb(255,203,83)
```
#ffd167
```
#ffd167 rgb(255,209,103)
```
#ffd77a
```
#ffd77a rgb(255,215,122)
```
#ffdd8e
```
#ffdd8e rgb(255,221,142)
```
#ffe3a2
```
#ffe3a2 rgb(255,227,162)
```
#ffe9b5
```
#ffe9b5 rgb(255,233,181)
```
#ffefc9
```
#ffefc9 rgb(255,239,201)
```
#fff5dd
```
#fff5dd rgb(255,245,221)
```
#fffaf0
```
#fffaf0 rgb(255,250,240)
```

Tint Color Variation

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

#9e998d
```
#9e998d rgb(158,153,141)
```
#a69c85
```
#a69c85 rgb(166,156,133)
```
#ae9f7d
```
#ae9f7d rgb(174,159,125)
```
#b6a275
```
#b6a275 rgb(182,162,117)
```
#bea56d
```
#bea56d rgb(190,165,109)
```
#c6a965
```
#c6a965 rgb(198,169,101)
```
#ceac5d
```
#ceac5d rgb(206,172,93)
```
#d6af55
```
#d6af55 rgb(214,175,85)
```
#dfb24c
```
#dfb24c rgb(223,178,76)
```
#e7b544
```
#e7b544 rgb(231,181,68)
```
#efb93c
```
#efb93c rgb(239,185,60)
```
#f7bc34
```
#f7bc34 rgb(247,188,52)
```
#ffbf2c
```
#ffbf2c rgb(255,191,44)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdc1a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4cc39 Protanopia 1% of men
#fec236 Deuteranopia 1% of men
#ffbac4 Tritanopia 0.001% of the population

Trichromacy

#eec734 Protanomaly 1% of men, 0.01% of women
#fec132 Deuteranomaly 6% of men, 0.4% of women
#ffbb8c Tritanomaly 0.01% of the population

#ffbf2c hex color

#ffbf2c Color Information

#ffbf2c Color Conversion

Color Schemes with #ffbf2c

Alternatives to #ffbf2c

#ffbf2c Preview

Shades and Tints of #ffbf2c

Tones of #ffbf2c

Color Blindness Simulator