#ffc580 Color Information
In a RGB color space, hex #ffc580 is composed of 100% red, 77.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.7% magenta, 49.8% yellow and 0% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 75.1%. #ffc580 color hex could be obtained by blending #ffffff with #ff8b01. Closest websafe color is: #ffcc99.
-
- R 100
- G 77
- B 50
-
- C 0
- M 23
- Y 50
- K 0
● #ffc580 color description : Very light orange.
#ffc580 Color Conversion
The hexadecimal color #ffc580 has RGB values of R:255, G:197, B:128 and CMYK values of C:0, M:0.23, Y:0.5, K:0. Its decimal value is 16762240.
Hex triplet | ffc580 | #ffc580 |
---|---|---|
RGB Decimal | 255, 197, 128 | rgb(255,197,128) |
RGB Percent | 100, 77.3, 50.2 | rgb(100%,77.3%,50.2%) |
CMYK | 0, 23, 50, 0 | |
HSL | 32.6°, 100, 75.1 | hsl(32.6,100%,75.1%) |
HSV (or HSB) | 32.6°, 49.8, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 83.313, 12.676, 42.395 |
---|---|
XYZ | 65.103, 62.754, 29.105 |
xyY | 0.415, 0.4, 62.754 |
CIE-LCH | 83.313, 44.249, 73.353 |
CIE-LUV | 83.313, 43.6, 52.042 |
Hunter-Lab | 79.217, 8.066, 33.669 |
Binary | 11111111, 11000101, 10000000 |
Color Schemes with #ffc580
Alternatives to #ffc580
Below, you can see some colors close to #ffc580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc580 Preview
This text has a font color of #ffc580.
<span style="color:#ffc580;">Text here</span>
This paragraph has a background color of #ffc580.
<p style="background-color:#ffc580;">Content here</p>
This element has a border color of #ffc580.
<div style="border:1px solid #ffc580;">Content here</div>
.text {color:#ffc580;}
.background {background-color:#ffc580;}
.border {border:1px solid #ffc580;}
Shades and Tints of #ffc580
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, #0a0600 is the darkest color, while #fffbf6 is the lightest one.
-
#0a0600
#0a0600
rgb(10,6,0)
-
#1e1000
#1e1000
rgb(30,16,0)
-
#321b00
#321b00
rgb(50,27,0)
-
#452600
#452600
rgb(69,38,0)
-
#593000
#593000
rgb(89,48,0)
-
#6c3b00
#6c3b00
rgb(108,59,0)
-
#804600
#804600
rgb(128,70,0)
-
#945000
#945000
rgb(148,80,0)
-
#a75b00
#a75b00
rgb(167,91,0)
-
#bb6600
#bb6600
rgb(187,102,0)
-
#ce7000
#ce7000
rgb(206,112,0)
-
#e27b00
#e27b00
rgb(226,123,0)
-
#f68500
#f68500
rgb(246,133,0)
-
#ff8f0a
#ff8f0a
rgb(255,143,10)
-
#ff981e
#ff981e
rgb(255,152,30)
-
#ffa132
#ffa132
rgb(255,161,50)
-
#ffaa45
#ffaa45
rgb(255,170,69)
-
#ffb359
#ffb359
rgb(255,179,89)
-
#ffbc6c
#ffbc6c
rgb(255,188,108)
-
#ffc580
#ffc580
rgb(255,197,128)
-
#ffce94
#ffce94
rgb(255,206,148)
-
#ffd7a7
#ffd7a7
rgb(255,215,167)
-
#ffe0bb
#ffe0bb
rgb(255,224,187)
-
#ffe9ce
#ffe9ce
rgb(255,233,206)
-
#fff2e2
#fff2e2
rgb(255,242,226)
-
#fffbf6
#fffbf6
rgb(255,251,246)
Tones of #ffc580
A tone is produced by adding gray to any pure hue. In this case, #c4c0bb is the less saturated color, while #ffc580 is the most saturated one.
-
#c4c0bb
#c4c0bb
rgb(196,192,187)
-
#c9c0b6
#c9c0b6
rgb(201,192,182)
-
#cec1b1
#cec1b1
rgb(206,193,177)
-
#d3c1ac
#d3c1ac
rgb(211,193,172)
-
#d8c2a7
#d8c2a7
rgb(216,194,167)
-
#ddc2a2
#ddc2a2
rgb(221,194,162)
-
#e2c29d
#e2c29d
rgb(226,194,157)
-
#e7c398
#e7c398
rgb(231,195,152)
-
#ebc394
#ebc394
rgb(235,195,148)
-
#f0c48f
#f0c48f
rgb(240,196,143)
-
#f5c48a
#f5c48a
rgb(245,196,138)
-
#fac585
#fac585
rgb(250,197,133)
-
#ffc580
#ffc580
rgb(255,197,128)
Color Blindness Simulator
Below, you can see how #ffc580 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.