#ffb254 Color Information
In a RGB color space, hex #ffb254 is composed of 100% red, 69.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.2% magenta, 67.1% yellow and 0% black. It has a hue angle of 33 degrees, a saturation of 100% and a lightness of 66.5%. #ffb254 color hex could be obtained by blending #ffffa8 with #ff6500. Closest websafe color is: #ff9966.
-
- R 100
- G 70
- B 33
-
- C 0
- M 30
- Y 67
- K 0
● #ffb254 color description : Light orange.
#ffb254 Color Conversion
The hexadecimal color #ffb254 has RGB values of R:255, G:178, B:84 and CMYK values of C:0, M:0.3, Y:0.67, K:0. Its decimal value is 16757332.
Hex triplet | ffb254 | #ffb254 |
---|---|---|
RGB Decimal | 255, 178, 84 | rgb(255,178,84) |
RGB Percent | 100, 69.8, 32.9 | rgb(100%,69.8%,32.9%) |
CMYK | 0, 30, 67, 0 | |
HSL | 33°, 100, 66.5 | hsl(33,100%,66.5%) |
HSV (or HSB) | 33°, 67.1, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 78.313, 19.428, 57.808 |
---|---|
XYZ | 58.762, 53.744, 15.666 |
xyY | 0.458, 0.419, 53.744 |
CIE-LCH | 78.313, 60.985, 71.424 |
CIE-LUV | 78.313, 60.99, 63.201 |
Hunter-Lab | 73.311, 14.782, 38.648 |
Binary | 11111111, 10110010, 01010100 |
Color Schemes with #ffb254
Alternatives to #ffb254
Below, you can see some colors close to #ffb254. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb254 Preview
This text has a font color of #ffb254.
<span style="color:#ffb254;">Text here</span>
This paragraph has a background color of #ffb254.
<p style="background-color:#ffb254;">Content here</p>
This element has a border color of #ffb254.
<div style="border:1px solid #ffb254;">Content here</div>
.text {color:#ffb254;}
.background {background-color:#ffb254;}
.border {border:1px solid #ffb254;}
Shades and Tints of #ffb254
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, #060300 is the darkest color, while #fff9f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190e00
#190e00
rgb(25,14,0)
-
#2d1900
#2d1900
rgb(45,25,0)
-
#402300
#402300
rgb(64,35,0)
-
#542e00
#542e00
rgb(84,46,0)
-
#683900
#683900
rgb(104,57,0)
-
#7b4400
#7b4400
rgb(123,68,0)
-
#8f4f00
#8f4f00
rgb(143,79,0)
-
#a25900
#a25900
rgb(162,89,0)
-
#b66400
#b66400
rgb(182,100,0)
-
#ca6f00
#ca6f00
rgb(202,111,0)
-
#dd7a00
#dd7a00
rgb(221,122,0)
-
#f18400
#f18400
rgb(241,132,0)
-
#ff8f06
#ff8f06
rgb(255,143,6)
-
#ff9819
#ff9819
rgb(255,152,25)
-
#ffa02d
#ffa02d
rgb(255,160,45)
-
#ffa940
#ffa940
rgb(255,169,64)
-
#ffb254
#ffb254
rgb(255,178,84)
-
#ffbb68
#ffbb68
rgb(255,187,104)
-
#ffc47b
#ffc47b
rgb(255,196,123)
-
#ffcc8f
#ffcc8f
rgb(255,204,143)
-
#ffd5a2
#ffd5a2
rgb(255,213,162)
-
#ffdeb6
#ffdeb6
rgb(255,222,182)
-
#ffe7ca
#ffe7ca
rgb(255,231,202)
-
#fff0dd
#fff0dd
rgb(255,240,221)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #ffb254
A tone is produced by adding gray to any pure hue. In this case, #b0aaa3 is the less saturated color, while #ffb254 is the most saturated one.
-
#b0aaa3
#b0aaa3
rgb(176,170,163)
-
#b7ab9c
#b7ab9c
rgb(183,171,156)
-
#bdab96
#bdab96
rgb(189,171,150)
-
#c4ac8f
#c4ac8f
rgb(196,172,143)
-
#caad89
#caad89
rgb(202,173,137)
-
#d1ad82
#d1ad82
rgb(209,173,130)
-
#d8ae7b
#d8ae7b
rgb(216,174,123)
-
#deaf75
#deaf75
rgb(222,175,117)
-
#e5af6e
#e5af6e
rgb(229,175,110)
-
#ebb068
#ebb068
rgb(235,176,104)
-
#f2b161
#f2b161
rgb(242,177,97)
-
#f8b15b
#f8b15b
rgb(248,177,91)
-
#ffb254
#ffb254
rgb(255,178,84)
Color Blindness Simulator
Below, you can see how #ffb254 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.