#ffa554 Color Information
In a RGB color space, hex #ffa554 is composed of 100% red, 64.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 67.1% yellow and 0% black. It has a hue angle of 28.4 degrees, a saturation of 100% and a lightness of 66.5%. #ffa554 color hex could be obtained by blending #ffffa8 with #ff4b00. Closest websafe color is: #ff9966.
-
- R 100
- G 65
- B 33
-
- C 0
- M 35
- Y 67
- K 0
● #ffa554 color description : Light orange.
#ffa554 Color Conversion
The hexadecimal color #ffa554 has RGB values of R:255, G:165, B:84 and CMYK values of C:0, M:0.35, Y:0.67, K:0. Its decimal value is 16754004.
Hex triplet | ffa554 | #ffa554 |
---|---|---|
RGB Decimal | 255, 165, 84 | rgb(255,165,84) |
RGB Percent | 100, 64.7, 32.9 | rgb(100%,64.7%,32.9%) |
CMYK | 0, 35, 67, 0 | |
HSL | 28.4°, 100, 66.5 | hsl(28.4,100%,66.5%) |
HSV (or HSB) | 28.4°, 67.1, 100 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.336, 26.217, 54.54 |
---|---|
XYZ | 56.297, 48.814, 14.844 |
xyY | 0.469, 0.407, 48.814 |
CIE-LCH | 75.336, 60.514, 64.327 |
CIE-LUV | 75.336, 70.983, 57.823 |
Hunter-Lab | 69.867, 21.562, 36.31 |
Binary | 11111111, 10100101, 01010100 |
Color Schemes with #ffa554
Alternatives to #ffa554
Below, you can see some colors close to #ffa554. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffa554 Preview
This text has a font color of #ffa554.
<span style="color:#ffa554;">Text here</span>
This paragraph has a background color of #ffa554.
<p style="background-color:#ffa554;">Content here</p>
This element has a border color of #ffa554.
<div style="border:1px solid #ffa554;">Content here</div>
.text {color:#ffa554;}
.background {background-color:#ffa554;}
.border {border:1px solid #ffa554;}
Shades and Tints of #ffa554
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 #fff8f1 is the lightest one.
-
#060300
#060300
rgb(6,3,0)
-
#190c00
#190c00
rgb(25,12,0)
-
#2d1500
#2d1500
rgb(45,21,0)
-
#401e00
#401e00
rgb(64,30,0)
-
#542800
#542800
rgb(84,40,0)
-
#683100
#683100
rgb(104,49,0)
-
#7b3a00
#7b3a00
rgb(123,58,0)
-
#8f4400
#8f4400
rgb(143,68,0)
-
#a24d00
#a24d00
rgb(162,77,0)
-
#b65600
#b65600
rgb(182,86,0)
-
#ca6000
#ca6000
rgb(202,96,0)
-
#dd6900
#dd6900
rgb(221,105,0)
-
#f17200
#f17200
rgb(241,114,0)
-
#ff7c06
#ff7c06
rgb(255,124,6)
-
#ff8619
#ff8619
rgb(255,134,25)
-
#ff902d
#ff902d
rgb(255,144,45)
-
#ff9b40
#ff9b40
rgb(255,155,64)
-
#ffa554
#ffa554
rgb(255,165,84)
-
#ffaf68
#ffaf68
rgb(255,175,104)
-
#ffba7b
#ffba7b
rgb(255,186,123)
-
#ffc48f
#ffc48f
rgb(255,196,143)
-
#ffcea2
#ffcea2
rgb(255,206,162)
-
#ffd9b6
#ffd9b6
rgb(255,217,182)
-
#ffe3ca
#ffe3ca
rgb(255,227,202)
-
#ffeddd
#ffeddd
rgb(255,237,221)
-
#fff8f1
#fff8f1
rgb(255,248,241)
Tones of #ffa554
A tone is produced by adding gray to any pure hue. In this case, #b0a9a3 is the less saturated color, while #ffa554 is the most saturated one.
-
#b0a9a3
#b0a9a3
rgb(176,169,163)
-
#b7a99c
#b7a99c
rgb(183,169,156)
-
#bda896
#bda896
rgb(189,168,150)
-
#c4a88f
#c4a88f
rgb(196,168,143)
-
#caa889
#caa889
rgb(202,168,137)
-
#d1a782
#d1a782
rgb(209,167,130)
-
#d8a77b
#d8a77b
rgb(216,167,123)
-
#dea775
#dea775
rgb(222,167,117)
-
#e5a66e
#e5a66e
rgb(229,166,110)
-
#eba668
#eba668
rgb(235,166,104)
-
#f2a661
#f2a661
rgb(242,166,97)
-
#f8a55b
#f8a55b
rgb(248,165,91)
-
#ffa554
#ffa554
rgb(255,165,84)
Color Blindness Simulator
Below, you can see how #ffa554 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.