#ffb454 Color Information
In a RGB color space, hex #ffb454 is composed of 100% red, 70.6% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 67.1% yellow and 0% black. It has a hue angle of 33.7 degrees, a saturation of 100% and a lightness of 66.5%. #ffb454 color hex could be obtained by blending #ffffa8 with #ff6900. Closest websafe color is: #ffcc66.
-
- R 100
- G 71
- B 33
-
- C 0
- M 29
- Y 67
- K 0
● #ffb454 color description : Light orange.
#ffb454 Color Conversion
The hexadecimal color #ffb454 has RGB values of R:255, G:180, B:84 and CMYK values of C:0, M:0.29, Y:0.67, K:0. Its decimal value is 16757844.
Hex triplet | ffb454 | #ffb454 |
---|---|---|
RGB Decimal | 255, 180, 84 | rgb(255,180,84) |
RGB Percent | 100, 70.6, 32.9 | rgb(100%,70.6%,32.9%) |
CMYK | 0, 29, 67, 0 | |
HSL | 33.7°, 100, 66.5 | hsl(33.7,100%,66.5%) |
HSV (or HSB) | 33.7°, 67.1, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 78.779, 18.383, 58.315 |
---|---|
XYZ | 59.163, 54.546, 15.8 |
xyY | 0.457, 0.421, 54.546 |
CIE-LCH | 78.779, 61.144, 72.504 |
CIE-LUV | 78.779, 59.468, 64.033 |
Hunter-Lab | 73.855, 13.742, 39.015 |
Binary | 11111111, 10110100, 01010100 |
Color Schemes with #ffb454
Alternatives to #ffb454
Below, you can see some colors close to #ffb454. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffb454 Preview
This text has a font color of #ffb454.
<span style="color:#ffb454;">Text here</span>
This paragraph has a background color of #ffb454.
<p style="background-color:#ffb454;">Content here</p>
This element has a border color of #ffb454.
<div style="border:1px solid #ffb454;">Content here</div>
.text {color:#ffb454;}
.background {background-color:#ffb454;}
.border {border:1px solid #ffb454;}
Shades and Tints of #ffb454
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)
-
#402400
#402400
rgb(64,36,0)
-
#542f00
#542f00
rgb(84,47,0)
-
#683a00
#683a00
rgb(104,58,0)
-
#7b4500
#7b4500
rgb(123,69,0)
-
#8f5000
#8f5000
rgb(143,80,0)
-
#a25b00
#a25b00
rgb(162,91,0)
-
#b66600
#b66600
rgb(182,102,0)
-
#ca7100
#ca7100
rgb(202,113,0)
-
#dd7c00
#dd7c00
rgb(221,124,0)
-
#f18700
#f18700
rgb(241,135,0)
-
#ff9206
#ff9206
rgb(255,146,6)
-
#ff9a19
#ff9a19
rgb(255,154,25)
-
#ffa32d
#ffa32d
rgb(255,163,45)
-
#ffab40
#ffab40
rgb(255,171,64)
-
#ffb454
#ffb454
rgb(255,180,84)
-
#ffbd68
#ffbd68
rgb(255,189,104)
-
#ffc57b
#ffc57b
rgb(255,197,123)
-
#ffce8f
#ffce8f
rgb(255,206,143)
-
#ffd6a2
#ffd6a2
rgb(255,214,162)
-
#ffdfb6
#ffdfb6
rgb(255,223,182)
-
#ffe8ca
#ffe8ca
rgb(255,232,202)
-
#fff0dd
#fff0dd
rgb(255,240,221)
-
#fff9f1
#fff9f1
rgb(255,249,241)
Tones of #ffb454
A tone is produced by adding gray to any pure hue. In this case, #b0aaa3 is the less saturated color, while #ffb454 is the most saturated one.
-
#b0aaa3
#b0aaa3
rgb(176,170,163)
-
#b7ab9c
#b7ab9c
rgb(183,171,156)
-
#bdac96
#bdac96
rgb(189,172,150)
-
#c4ad8f
#c4ad8f
rgb(196,173,143)
-
#caae89
#caae89
rgb(202,174,137)
-
#d1ae82
#d1ae82
rgb(209,174,130)
-
#d8af7b
#d8af7b
rgb(216,175,123)
-
#deb075
#deb075
rgb(222,176,117)
-
#e5b16e
#e5b16e
rgb(229,177,110)
-
#ebb268
#ebb268
rgb(235,178,104)
-
#f2b261
#f2b261
rgb(242,178,97)
-
#f8b35b
#f8b35b
rgb(248,179,91)
-
#ffb454
#ffb454
rgb(255,180,84)
Color Blindness Simulator
Below, you can see how #ffb454 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.