#ffc680 Color Information
In a RGB color space, hex #ffc680 is composed of 100% red, 77.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 49.8% yellow and 0% black. It has a hue angle of 33.1 degrees, a saturation of 100% and a lightness of 75.1%. #ffc680 color hex could be obtained by blending #ffffff with #ff8d01. Closest websafe color is: #ffcc99.
-
- R 100
- G 78
- B 50
-
- C 0
- M 22
- Y 50
- K 0
● #ffc680 color description : Very light orange.
#ffc680 Color Conversion
The hexadecimal color #ffc680 has RGB values of R:255, G:198, B:128 and CMYK values of C:0, M:0.22, Y:0.5, K:0. Its decimal value is 16762496.
Hex triplet | ffc680 | #ffc680 |
---|---|---|
RGB Decimal | 255, 198, 128 | rgb(255,198,128) |
RGB Percent | 100, 77.6, 50.2 | rgb(100%,77.6%,50.2%) |
CMYK | 0, 22, 50, 0 | |
HSL | 33.1°, 100, 75.1 | hsl(33.1,100%,75.1%) |
HSV (or HSB) | 33.1°, 49.8, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 83.553, 12.156, 42.696 |
---|---|
XYZ | 65.331, 63.21, 29.181 |
xyY | 0.414, 0.401, 63.21 |
CIE-LCH | 83.553, 44.393, 74.108 |
CIE-LUV | 83.553, 42.912, 52.523 |
Hunter-Lab | 79.504, 7.545, 33.892 |
Binary | 11111111, 11000110, 10000000 |
Color Schemes with #ffc680
Alternatives to #ffc680
Below, you can see some colors close to #ffc680. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc680 Preview
This text has a font color of #ffc680.
<span style="color:#ffc680;">Text here</span>
This paragraph has a background color of #ffc680.
<p style="background-color:#ffc680;">Content here</p>
This element has a border color of #ffc680.
<div style="border:1px solid #ffc680;">Content here</div>
.text {color:#ffc680;}
.background {background-color:#ffc680;}
.border {border:1px solid #ffc680;}
Shades and Tints of #ffc680
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)
-
#593100
#593100
rgb(89,49,0)
-
#6c3c00
#6c3c00
rgb(108,60,0)
-
#804700
#804700
rgb(128,71,0)
-
#945100
#945100
rgb(148,81,0)
-
#a75c00
#a75c00
rgb(167,92,0)
-
#bb6700
#bb6700
rgb(187,103,0)
-
#ce7200
#ce7200
rgb(206,114,0)
-
#e27d00
#e27d00
rgb(226,125,0)
-
#f68700
#f68700
rgb(246,135,0)
-
#ff910a
#ff910a
rgb(255,145,10)
-
#ff9a1e
#ff9a1e
rgb(255,154,30)
-
#ffa332
#ffa332
rgb(255,163,50)
-
#ffac45
#ffac45
rgb(255,172,69)
-
#ffb459
#ffb459
rgb(255,180,89)
-
#ffbd6c
#ffbd6c
rgb(255,189,108)
-
#ffc680
#ffc680
rgb(255,198,128)
-
#ffcf94
#ffcf94
rgb(255,207,148)
-
#ffd8a7
#ffd8a7
rgb(255,216,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 #ffc680
A tone is produced by adding gray to any pure hue. In this case, #c4c0bb is the less saturated color, while #ffc680 is the most saturated one.
-
#c4c0bb
#c4c0bb
rgb(196,192,187)
-
#c9c1b6
#c9c1b6
rgb(201,193,182)
-
#cec1b1
#cec1b1
rgb(206,193,177)
-
#d3c2ac
#d3c2ac
rgb(211,194,172)
-
#d8c2a7
#d8c2a7
rgb(216,194,167)
-
#ddc3a2
#ddc3a2
rgb(221,195,162)
-
#e2c39d
#e2c39d
rgb(226,195,157)
-
#e7c498
#e7c498
rgb(231,196,152)
-
#ebc494
#ebc494
rgb(235,196,148)
-
#f0c58f
#f0c58f
rgb(240,197,143)
-
#f5c58a
#f5c58a
rgb(245,197,138)
-
#fac685
#fac685
rgb(250,198,133)
-
#ffc680
#ffc680
rgb(255,198,128)
Color Blindness Simulator
Below, you can see how #ffc680 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.