#ffbe55 Color Information
In a RGB color space, hex #ffbe55 is composed of 100% red, 74.5% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.5% magenta, 66.7% yellow and 0% black. It has a hue angle of 37.1 degrees, a saturation of 100% and a lightness of 66.7%. #ffbe55 color hex could be obtained by blending #ffffaa with #ff7d00. Closest websafe color is: #ffcc66.
-
- R 100
- G 75
- B 33
-
- C 0
- M 25
- Y 67
- K 0
● #ffbe55 color description : Light orange.
#ffbe55 Color Conversion
The hexadecimal color #ffbe55 has RGB values of R:255, G:190, B:85 and CMYK values of C:0, M:0.25, Y:0.67, K:0. Its decimal value is 16760405.
Hex triplet | ffbe55 | #ffbe55 |
---|---|---|
RGB Decimal | 255, 190, 85 | rgb(255,190,85) |
RGB Percent | 100, 74.5, 33.3 | rgb(100%,74.5%,33.3%) |
CMYK | 0, 25, 67, 0 | |
HSL | 37.1°, 100, 66.7 | hsl(37.1,100%,66.7%) |
HSV (or HSB) | 37.1°, 66.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 81.152, 13.222, 60.436 |
---|---|
XYZ | 61.294, 58.746, 16.705 |
xyY | 0.448, 0.43, 58.746 |
CIE-LCH | 81.152, 61.865, 77.659 |
CIE-LUV | 81.152, 51.867, 67.856 |
Hunter-Lab | 76.646, 8.617, 40.73 |
Binary | 11111111, 10111110, 01010101 |
Color Schemes with #ffbe55
Alternatives to #ffbe55
Below, you can see some colors close to #ffbe55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffbe55 Preview
This text has a font color of #ffbe55.
<span style="color:#ffbe55;">Text here</span>
This paragraph has a background color of #ffbe55.
<p style="background-color:#ffbe55;">Content here</p>
This element has a border color of #ffbe55.
<div style="border:1px solid #ffbe55;">Content here</div>
.text {color:#ffbe55;}
.background {background-color:#ffbe55;}
.border {border:1px solid #ffbe55;}
Shades and Tints of #ffbe55
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 #fffaf2 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a1000
#1a1000
rgb(26,16,0)
-
#2e1c00
#2e1c00
rgb(46,28,0)
-
#412800
#412800
rgb(65,40,0)
-
#553400
#553400
rgb(85,52,0)
-
#694100
#694100
rgb(105,65,0)
-
#7c4d00
#7c4d00
rgb(124,77,0)
-
#905900
#905900
rgb(144,89,0)
-
#a36500
#a36500
rgb(163,101,0)
-
#b77100
#b77100
rgb(183,113,0)
-
#cb7d00
#cb7d00
rgb(203,125,0)
-
#de8900
#de8900
rgb(222,137,0)
-
#f29500
#f29500
rgb(242,149,0)
-
#ffa007
#ffa007
rgb(255,160,7)
-
#ffa81a
#ffa81a
rgb(255,168,26)
-
#ffaf2e
#ffaf2e
rgb(255,175,46)
-
#ffb741
#ffb741
rgb(255,183,65)
-
#ffbe55
#ffbe55
rgb(255,190,85)
-
#ffc669
#ffc669
rgb(255,198,105)
-
#ffcd7c
#ffcd7c
rgb(255,205,124)
-
#ffd590
#ffd590
rgb(255,213,144)
-
#ffdca3
#ffdca3
rgb(255,220,163)
-
#ffe4b7
#ffe4b7
rgb(255,228,183)
-
#ffebcb
#ffebcb
rgb(255,235,203)
-
#fff3de
#fff3de
rgb(255,243,222)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #ffbe55
A tone is produced by adding gray to any pure hue. In this case, #b1aca3 is the less saturated color, while #ffbe55 is the most saturated one.
-
#b1aca3
#b1aca3
rgb(177,172,163)
-
#b7ad9d
#b7ad9d
rgb(183,173,157)
-
#beaf96
#beaf96
rgb(190,175,150)
-
#c4b090
#c4b090
rgb(196,176,144)
-
#cbb289
#cbb289
rgb(203,178,137)
-
#d1b383
#d1b383
rgb(209,179,131)
-
#d8b57c
#d8b57c
rgb(216,181,124)
-
#deb676
#deb676
rgb(222,182,118)
-
#e5b86f
#e5b86f
rgb(229,184,111)
-
#ebb969
#ebb969
rgb(235,185,105)
-
#f2bb62
#f2bb62
rgb(242,187,98)
-
#f8bc5c
#f8bc5c
rgb(248,188,92)
-
#ffbe55
#ffbe55
rgb(255,190,85)
Color Blindness Simulator
Below, you can see how #ffbe55 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.