#ffc550 Color Information
In a RGB color space, hex #ffc550 is composed of 100% red, 77.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 68.6% yellow and 0% black. It has a hue angle of 40.1 degrees, a saturation of 100% and a lightness of 65.7%. #ffc550 color hex could be obtained by blending #ffffa0 with #ff8b00. Closest websafe color is: #ffcc66.
-
- R 100
- G 77
- B 31
-
- C 0
- M 23
- Y 69
- K 0
● #ffc550 color description : Light orange.
#ffc550 Color Conversion
The hexadecimal color #ffc550 has RGB values of R:255, G:197, B:80 and CMYK values of C:0, M:0.23, Y:0.69, K:0. Its decimal value is 16762192.
Hex triplet | ffc550 | #ffc550 |
---|---|---|
RGB Decimal | 255, 197, 80 | rgb(255,197,80) |
RGB Percent | 100, 77.3, 31.4 | rgb(100%,77.3%,31.4%) |
CMYK | 0, 23, 69, 0 | |
HSL | 40.1°, 100, 65.7 | hsl(40.1,100%,65.7%) |
HSV (or HSB) | 40.1°, 68.6, 100 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 82.794, 9.32, 64.328 |
---|---|
XYZ | 62.655, 61.775, 16.213 |
xyY | 0.445, 0.439, 61.775 |
CIE-LCH | 82.794, 65, 81.757 |
CIE-LUV | 82.794, 46.955, 72.465 |
Hunter-Lab | 78.597, 4.75, 42.788 |
Binary | 11111111, 11000101, 01010000 |
Color Schemes with #ffc550
Alternatives to #ffc550
Below, you can see some colors close to #ffc550. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc550 Preview
This text has a font color of #ffc550.
<span style="color:#ffc550;">Text here</span>
This paragraph has a background color of #ffc550.
<p style="background-color:#ffc550;">Content here</p>
This element has a border color of #ffc550.
<div style="border:1px solid #ffc550;">Content here</div>
.text {color:#ffc550;}
.background {background-color:#ffc550;}
.border {border:1px solid #ffc550;}
Shades and Tints of #ffc550
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, #020100 is the darkest color, while #fff9ed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150e00
#150e00
rgb(21,14,0)
-
#291b00
#291b00
rgb(41,27,0)
-
#3c2800
#3c2800
rgb(60,40,0)
-
#503500
#503500
rgb(80,53,0)
-
#644300
#644300
rgb(100,67,0)
-
#775000
#775000
rgb(119,80,0)
-
#8b5d00
#8b5d00
rgb(139,93,0)
-
#9e6a00
#9e6a00
rgb(158,106,0)
-
#b27700
#b27700
rgb(178,119,0)
-
#c68400
#c68400
rgb(198,132,0)
-
#d99100
#d99100
rgb(217,145,0)
-
#ed9e00
#ed9e00
rgb(237,158,0)
-
#ffab02
#ffab02
rgb(255,171,2)
-
#ffb115
#ffb115
rgb(255,177,21)
-
#ffb829
#ffb829
rgb(255,184,41)
-
#ffbe3c
#ffbe3c
rgb(255,190,60)
-
#ffc550
#ffc550
rgb(255,197,80)
-
#ffcc64
#ffcc64
rgb(255,204,100)
-
#ffd277
#ffd277
rgb(255,210,119)
-
#ffd98b
#ffd98b
rgb(255,217,139)
-
#ffdf9e
#ffdf9e
rgb(255,223,158)
-
#ffe6b2
#ffe6b2
rgb(255,230,178)
-
#ffecc6
#ffecc6
rgb(255,236,198)
-
#fff3d9
#fff3d9
rgb(255,243,217)
-
#fff9ed
#fff9ed
rgb(255,249,237)
Tones of #ffc550
A tone is produced by adding gray to any pure hue. In this case, #aeaaa1 is the less saturated color, while #ffc550 is the most saturated one.
-
#aeaaa1
#aeaaa1
rgb(174,170,161)
-
#b5ac9a
#b5ac9a
rgb(181,172,154)
-
#bcae93
#bcae93
rgb(188,174,147)
-
#c2b18d
#c2b18d
rgb(194,177,141)
-
#c9b386
#c9b386
rgb(201,179,134)
-
#d0b57f
#d0b57f
rgb(208,181,127)
-
#d7b778
#d7b778
rgb(215,183,120)
-
#ddba72
#ddba72
rgb(221,186,114)
-
#e4bc6b
#e4bc6b
rgb(228,188,107)
-
#ebbe64
#ebbe64
rgb(235,190,100)
-
#f2c05d
#f2c05d
rgb(242,192,93)
-
#f8c357
#f8c357
rgb(248,195,87)
-
#ffc550
#ffc550
rgb(255,197,80)
Color Blindness Simulator
Below, you can see how #ffc550 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.