#ffbd0e hex color

In a RGB color space, hex #ffbd0e is composed of 100% red, 74.1% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 94.5% yellow and 0% black. It has a hue angle of 43.6 degrees, a saturation of 100% and a lightness of 52.7%. #ffbd0e color hex could be obtained by blending #ffff1c with #ff7b00. Closest websafe color is: #ffcc00.

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

● #ffbd0e color description : Vivid orange.

The hexadecimal color #ffbd0e has RGB values of R:255, G:189, B:14 and CMYK values of C:0, M:0.26, Y:0.95, K:0. Its decimal value is 16760078.

Hex triplet	ffbd0e	`#ffbd0e`
RGB Decimal	255, 189, 14	`rgb(255,189,14)`
RGB Percent	100, 74.1, 5.5	`rgb(100%,74.1%,5.5%)`
CMYK	0, 26, 95, 0
HSL	43.6°, 100, 52.7	`hsl(43.6,100%,52.7%)`
HSV (or HSB)	43.6°, 94.5, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	80.566, 11.533, 81.299
XYZ	59.518, 57.69, 8.416
xyY	0.474, 0.459, 57.69
CIE-LCH	80.566, 82.113, 81.926
CIE-LUV	80.566, 55.228, 81.834
Hunter-Lab	75.954, 6.954, 46.598
Binary	11111111, 10111101, 00001110

#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#0e50ff
```
#0e50ff rgb(14,80,255)
```

Complementary Color

#ff450e
```
#ff450e rgb(255,69,14)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#c9ff0e
```
#c9ff0e rgb(201,255,14)
```

Analogous Color

#440eff
```
#440eff rgb(68,14,255)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#0ec9ff
```
#0ec9ff rgb(14,201,255)
```

Split Complementary Color

#bd0eff
```
#bd0eff rgb(189,14,255)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#0effbd
```
#0effbd rgb(14,255,189)
```

Triadic Color

#ff0e50
```
#ff0e50 rgb(255,14,80)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#0effbd
```
#0effbd rgb(14,255,189)
```
#0e50ff
```
#0e50ff rgb(14,80,255)
```

Tetradic Color

#c18c00
```
#c18c00 rgb(193,140,0)
```
#da9e00
```
#da9e00 rgb(218,158,0)
```
#f4b100
```
#f4b100 rgb(244,177,0)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#ffc428
```
#ffc428 rgb(255,196,40)
```
#ffcb41
```
#ffcb41 rgb(255,203,65)
```
#ffd25b
```
#ffd25b rgb(255,210,91)
```

Monochromatic Color

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

#ff810e
```
#ff810e rgb(255,129,14)
```
#ff950e
```
#ff950e rgb(255,149,14)
```
#ffa90e
```
#ffa90e rgb(255,169,14)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#ffd10e
```
#ffd10e rgb(255,209,14)
```
#ffe50e
```
#ffe50e rgb(255,229,14)
```
#fff90e
```
#fff90e rgb(255,249,14)
```

Similar Colors

Text with hexadecimal color #ffbd0e

This text has a font color of #ffbd0e.

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

#ffbd0e background color

This paragraph has a background color of #ffbd0e.

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

#ffbd0e border color

This element has a border color of #ffbd0e.

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

CSS codes

.text {color:#ffbd0e;}

.background {background-color:#ffbd0e;}

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

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, #0e0a00 is the darkest color, while #fffdf9 is the lightest one.

#0e0a00
```
#0e0a00 rgb(14,10,0)
```
#221800
```
#221800 rgb(34,24,0)
```
#352700
```
#352700 rgb(53,39,0)
```
#493500
```
#493500 rgb(73,53,0)
```
#5c4300
```
#5c4300 rgb(92,67,0)
```
#705100
```
#705100 rgb(112,81,0)
```
#846000
```
#846000 rgb(132,96,0)
```
#976e00
```
#976e00 rgb(151,110,0)
```
#ab7c00
```
#ab7c00 rgb(171,124,0)
```
#bf8a00
```
#bf8a00 rgb(191,138,0)
```
#d29900
```
#d29900 rgb(210,153,0)
```
#e6a700
```
#e6a700 rgb(230,167,0)
```
#f9b500
```
#f9b500 rgb(249,181,0)
```

Shade Color Variation

#ffbd0e
```
#ffbd0e rgb(255,189,14)
```
#ffc222
```
#ffc222 rgb(255,194,34)
```
#ffc835
```
#ffc835 rgb(255,200,53)
```
#ffcd49
```
#ffcd49 rgb(255,205,73)
```
#ffd25c
```
#ffd25c rgb(255,210,92)
```
#ffd870
```
#ffd870 rgb(255,216,112)
```
#ffdd84
```
#ffdd84 rgb(255,221,132)
```
#ffe397
```
#ffe397 rgb(255,227,151)
```
#ffe8ab
```
#ffe8ab rgb(255,232,171)
```
#ffedbf
```
#ffedbf rgb(255,237,191)
```
#fff3d2
```
#fff3d2 rgb(255,243,210)
```
#fff8e6
```
#fff8e6 rgb(255,248,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#908b7d
```
#908b7d rgb(144,139,125)
```
#998f74
```
#998f74 rgb(153,143,116)
```
#a2936b
```
#a2936b rgb(162,147,107)
```
#ac9761
```
#ac9761 rgb(172,151,97)
```
#b59b58
```
#b59b58 rgb(181,155,88)
```
#bea04f
```
#bea04f rgb(190,160,79)
```
#c7a446
```
#c7a446 rgb(199,164,70)
```
#d1a83c
```
#d1a83c rgb(209,168,60)
```
#daac33
```
#daac33 rgb(218,172,51)
```
#e3b02a
```
#e3b02a rgb(227,176,42)
```
#ecb521
```
#ecb521 rgb(236,181,33)
```
#f6b917
```
#f6b917 rgb(246,185,23)
```
#ffbd0e
```
#ffbd0e rgb(255,189,14)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#cabd9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3cb1e Protanopia 1% of men
#fdc119 Deuteranopia 1% of men
#ffb8c1 Tritanopia 0.001% of the population

Trichromacy

#edc618 Protanomaly 1% of men, 0.01% of women
#febf15 Deuteranomaly 6% of men, 0.4% of women
#ffb980 Tritanomaly 0.01% of the population

#ffbd0e hex color

#ffbd0e Color Information

#ffbd0e Color Conversion

Color Schemes with #ffbd0e

Alternatives to #ffbd0e

#ffbd0e Preview

Shades and Tints of #ffbd0e

Tones of #ffbd0e

Color Blindness Simulator