#ffb45b hex color

In a RGB color space, hex #ffb45b is composed of 100% red, 70.6% green and 35.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 64.3% yellow and 0% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 67.8%. #ffb45b color hex could be obtained by blending #ffffb6 with #ff6900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 71
- B 36
RGB color chart
- C 0
- M 29
- Y 64
- K 0
CMYK color chart

● #ffb45b color description : Light orange.

The hexadecimal color #ffb45b has RGB values of R:255, G:180, B:91 and CMYK values of C:0, M:0.29, Y:0.64, K:0. Its decimal value is 16757851.

Hex triplet	ffb45b	`#ffb45b`
RGB Decimal	255, 180, 91	`rgb(255,180,91)`
RGB Percent	100, 70.6, 35.7	`rgb(100%,70.6%,35.7%)`
CMYK	0, 29, 64, 0
HSL	32.6°, 100, 67.8	`hsl(32.6,100%,67.8%)`
HSV (or HSB)	32.6°, 64.3, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	78.846, 18.787, 55.169
XYZ	59.451, 54.661, 17.317
xyY	0.452, 0.416, 54.661
CIE-LCH	78.846, 58.28, 71.195
CIE-LUV	78.846, 58.936, 61.392
Hunter-Lab	73.933, 14.151, 37.867
Binary	11111111, 10110100, 01011011

#ffb45b
```
#ffb45b rgb(255,180,91)
```
#5ba6ff
```
#5ba6ff rgb(91,166,255)
```

Complementary Color

#ff625b
```
#ff625b rgb(255,98,91)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#f8ff5b
```
#f8ff5b rgb(248,255,91)
```

Analogous Color

#625bff
```
#625bff rgb(98,91,255)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#5bf8ff
```
#5bf8ff rgb(91,248,255)
```

Split Complementary Color

#b45bff
```
#b45bff rgb(180,91,255)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#5bffb4
```
#5bffb4 rgb(91,255,180)
```

Triadic Color

#ff5ba6
```
#ff5ba6 rgb(255,91,166)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#5bffb4
```
#5bffb4 rgb(91,255,180)
```
#5ba6ff
```
#5ba6ff rgb(91,166,255)
```

Tetradic Color

#ff910f
```
#ff910f rgb(255,145,15)
```
#ff9d28
```
#ff9d28 rgb(255,157,40)
```
#ffa842
```
#ffa842 rgb(255,168,66)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#ffc075
```
#ffc075 rgb(255,192,117)
```
#ffcb8e
```
#ffcb8e rgb(255,203,142)
```
#ffd7a8
```
#ffd7a8 rgb(255,215,168)
```

Monochromatic Color

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

#ff8b5b
```
#ff8b5b rgb(255,139,91)
```
#ff995b
```
#ff995b rgb(255,153,91)
```
#ffa65b
```
#ffa65b rgb(255,166,91)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#ffc25b
```
#ffc25b rgb(255,194,91)
```
#ffcf5b
```
#ffcf5b rgb(255,207,91)
```
#ffdd5b
```
#ffdd5b rgb(255,221,91)
```

Similar Colors

Text with hexadecimal color #ffb45b

This text has a font color of #ffb45b.

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

#ffb45b background color

This paragraph has a background color of #ffb45b.

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

#ffb45b border color

This element has a border color of #ffb45b.

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

CSS codes

.text {color:#ffb45b;}

.background {background-color:#ffb45b;}

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

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

#0d0700
```
#0d0700 rgb(13,7,0)
```
#201100
```
#201100 rgb(32,17,0)
```
#341c00
```
#341c00 rgb(52,28,0)
```
#472700
```
#472700 rgb(71,39,0)
```
#5b3100
```
#5b3100 rgb(91,49,0)
```
#6f3c00
```
#6f3c00 rgb(111,60,0)
```
#824700
```
#824700 rgb(130,71,0)
```
#965100
```
#965100 rgb(150,81,0)
```
#a95c00
```
#a95c00 rgb(169,92,0)
```
#bd6700
```
#bd6700 rgb(189,103,0)
```
#d17100
```
#d17100 rgb(209,113,0)
```
#e47c00
```
#e47c00 rgb(228,124,0)
```
#f88700
```
#f88700 rgb(248,135,0)
```

Shade Color Variation

#ff900d
```
#ff900d rgb(255,144,13)
```
#ff9920
```
#ff9920 rgb(255,153,32)
```
#ffa234
```
#ffa234 rgb(255,162,52)
```
#ffab47
```
#ffab47 rgb(255,171,71)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```
#ffbd6f
```
#ffbd6f rgb(255,189,111)
```
#ffc682
```
#ffc682 rgb(255,198,130)
```
#ffcf96
```
#ffcf96 rgb(255,207,150)
```
#ffd8a9
```
#ffd8a9 rgb(255,216,169)
```
#ffe1bd
```
#ffe1bd rgb(255,225,189)
```
#ffead1
```
#ffead1 rgb(255,234,209)
```
#fff3e4
```
#fff3e4 rgb(255,243,228)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#b3aea7
```
#b3aea7 rgb(179,174,167)
```
#baaea0
```
#baaea0 rgb(186,174,160)
```
#c0af9a
```
#c0af9a rgb(192,175,154)
```
#c6af94
```
#c6af94 rgb(198,175,148)
```
#cdb08d
```
#cdb08d rgb(205,176,141)
```
#d3b087
```
#d3b087 rgb(211,176,135)
```
#d9b181
```
#d9b181 rgb(217,177,129)
```
#dfb17b
```
#dfb17b rgb(223,177,123)
```
#e6b274
```
#e6b274 rgb(230,178,116)
```
#ecb26e
```
#ecb26e rgb(236,178,110)
```
#f2b368
```
#f2b368 rgb(242,179,104)
```
#f9b361
```
#f9b361 rgb(249,179,97)
```
#ffb45b
```
#ffb45b rgb(255,180,91)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cdbeac Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac668 Protanopia 1% of men
#f2bd61 Deuteranopia 1% of men
#ffb1bb Tritanopia 0.001% of the population

Trichromacy

#e7bf63 Protanomaly 1% of men, 0.01% of women
#f7b95f Deuteranomaly 6% of men, 0.4% of women
#ffb298 Tritanomaly 0.01% of the population

#ffb45b hex color

#ffb45b Color Information

#ffb45b Color Conversion

Color Schemes with #ffb45b

Alternatives to #ffb45b

#ffb45b Preview

Shades and Tints of #ffb45b

Tones of #ffb45b

Color Blindness Simulator