#ffb555 Color Information
In a RGB color space, hex #ffb555 is composed of 100% red, 71% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29% magenta, 66.7% yellow and 0% black. It has a hue angle of 33.9 degrees, a saturation of 100% and a lightness of 66.7%. #ffb555 color hex could be obtained by blending #ffffaa with #ff6b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 71
- B 33
-
- C 0
- M 29
- Y 67
- K 0
● #ffb555 color description : Light orange.
#ffb555 Color Conversion
The hexadecimal color #ffb555 has RGB values of R:255, G:181, B:85 and CMYK values of C:0, M:0.29, Y:0.67, K:0. Its decimal value is 16758101.
Hex triplet | ffb555 | #ffb555 |
---|---|---|
RGB Decimal | 255, 181, 85 | rgb(255,181,85) |
RGB Percent | 100, 71, 33.3 | rgb(100%,71%,33.3%) |
CMYK | 0, 29, 67, 0 | |
HSL | 33.9°, 100, 66.7 | hsl(33.9,100%,66.7%) |
HSV (or HSB) | 33.9°, 66.7, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 79.022, 17.916, 58.127 |
---|---|
XYZ | 59.405, 54.967, 16.075 |
xyY | 0.455, 0.421, 54.967 |
CIE-LCH | 79.022, 60.826, 72.87 |
CIE-LUV | 79.022, 58.636, 64.087 |
Hunter-Lab | 74.14, 13.279, 39.043 |
Binary | 11111111, 10110101, 01010101 |
Color Schemes with #ffb555
Alternatives to #ffb555
Below, you can see some colors close to #ffb555. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb555 Preview
This text has a font color of #ffb555.
<span style="color:#ffb555;">Text here</span>
This paragraph has a background color of #ffb555.
<p style="background-color:#ffb555;">Content here</p>
This element has a border color of #ffb555.
<div style="border:1px solid #ffb555;">Content here</div>
.text {color:#ffb555;}
.background {background-color:#ffb555;}
.border {border:1px solid #ffb555;}
Shades and Tints of #ffb555
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 #fff9f2 is the lightest one.
-
#070400
#070400
rgb(7,4,0)
-
#1a0f00
#1a0f00
rgb(26,15,0)
-
#2e1a00
#2e1a00
rgb(46,26,0)
-
#412500
#412500
rgb(65,37,0)
-
#553000
#553000
rgb(85,48,0)
-
#693b00
#693b00
rgb(105,59,0)
-
#7c4600
#7c4600
rgb(124,70,0)
-
#905100
#905100
rgb(144,81,0)
-
#a35c00
#a35c00
rgb(163,92,0)
-
#b76700
#b76700
rgb(183,103,0)
-
#cb7200
#cb7200
rgb(203,114,0)
-
#de7e00
#de7e00
rgb(222,126,0)
-
#f28900
#f28900
rgb(242,137,0)
-
#ff9307
#ff9307
rgb(255,147,7)
-
#ff9b1a
#ff9b1a
rgb(255,155,26)
-
#ffa42e
#ffa42e
rgb(255,164,46)
-
#ffac41
#ffac41
rgb(255,172,65)
-
#ffb555
#ffb555
rgb(255,181,85)
-
#ffbe69
#ffbe69
rgb(255,190,105)
-
#ffc67c
#ffc67c
rgb(255,198,124)
-
#ffcf90
#ffcf90
rgb(255,207,144)
-
#ffd7a3
#ffd7a3
rgb(255,215,163)
-
#ffe0b7
#ffe0b7
rgb(255,224,183)
-
#ffe8cb
#ffe8cb
rgb(255,232,203)
-
#fff1de
#fff1de
rgb(255,241,222)
-
#fff9f2
#fff9f2
rgb(255,249,242)
Tones of #ffb555
A tone is produced by adding gray to any pure hue. In this case, #b1aba3 is the less saturated color, while #ffb555 is the most saturated one.
-
#b1aba3
#b1aba3
rgb(177,171,163)
-
#b7ac9d
#b7ac9d
rgb(183,172,157)
-
#bead96
#bead96
rgb(190,173,150)
-
#c4ad90
#c4ad90
rgb(196,173,144)
-
#cbae89
#cbae89
rgb(203,174,137)
-
#d1af83
#d1af83
rgb(209,175,131)
-
#d8b07c
#d8b07c
rgb(216,176,124)
-
#deb176
#deb176
rgb(222,177,118)
-
#e5b26f
#e5b26f
rgb(229,178,111)
-
#ebb269
#ebb269
rgb(235,178,105)
-
#f2b362
#f2b362
rgb(242,179,98)
-
#f8b45c
#f8b45c
rgb(248,180,92)
-
#ffb555
#ffb555
rgb(255,181,85)
Color Blindness Simulator
Below, you can see how #ffb555 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.