#ffc682 Color Information
In a RGB color space, hex #ffc682 is composed of 100% red, 77.6% green and 51% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.4% magenta, 49% yellow and 0% black. It has a hue angle of 32.6 degrees, a saturation of 100% and a lightness of 75.5%. #ffc682 color hex could be obtained by blending #ffffff with #ff8d05. Closest websafe color is: #ffcc99.
-
- R 100
- G 78
- B 51
-
- C 0
- M 22
- Y 49
- K 0
● #ffc682 color description : Very light orange.
#ffc682 Color Conversion
The hexadecimal color #ffc682 has RGB values of R:255, G:198, B:130 and CMYK values of C:0, M:0.22, Y:0.49, K:0. Its decimal value is 16762498.
Hex triplet | ffc682 | #ffc682 |
---|---|---|
RGB Decimal | 255, 198, 130 | rgb(255,198,130) |
RGB Percent | 100, 77.6, 51 | rgb(100%,77.6%,51%) |
CMYK | 0, 22, 49, 0 | |
HSL | 32.6°, 100, 75.5 | hsl(32.6,100%,75.5%) |
HSV (or HSB) | 32.6°, 49, 100 | |
Web Safe | ffcc99 | #ffcc99 |
CIE-LAB | 83.58, 12.335, 41.721 |
---|---|
XYZ | 65.464, 63.263, 29.881 |
xyY | 0.413, 0.399, 63.263 |
CIE-LCH | 83.58, 43.506, 73.529 |
CIE-LUV | 83.58, 42.742, 51.47 |
Hunter-Lab | 79.538, 7.723, 33.402 |
Binary | 11111111, 11000110, 10000010 |
Color Schemes with #ffc682
Alternatives to #ffc682
Below, you can see some colors close to #ffc682. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ffc682 Preview
This text has a font color of #ffc682.
<span style="color:#ffc682;">Text here</span>
This paragraph has a background color of #ffc682.
<p style="background-color:#ffc682;">Content here</p>
This element has a border color of #ffc682.
<div style="border:1px solid #ffc682;">Content here</div>
.text {color:#ffc682;}
.background {background-color:#ffc682;}
.border {border:1px solid #ffc682;}
Shades and Tints of #ffc682
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, #0c0700 is the darkest color, while #fffcf8 is the lightest one.
-
#0c0700
#0c0700
rgb(12,7,0)
-
#201100
#201100
rgb(32,17,0)
-
#341c00
#341c00
rgb(52,28,0)
-
#472700
#472700
rgb(71,39,0)
-
#5b3100
#5b3100
rgb(91,49,0)
-
#6e3c00
#6e3c00
rgb(110,60,0)
-
#824700
#824700
rgb(130,71,0)
-
#965100
#965100
rgb(150,81,0)
-
#a95c00
#a95c00
rgb(169,92,0)
-
#bd6700
#bd6700
rgb(189,103,0)
-
#d07100
#d07100
rgb(208,113,0)
-
#e47c00
#e47c00
rgb(228,124,0)
-
#f88700
#f88700
rgb(248,135,0)
-
#ff900c
#ff900c
rgb(255,144,12)
-
#ff9920
#ff9920
rgb(255,153,32)
-
#ffa234
#ffa234
rgb(255,162,52)
-
#ffab47
#ffab47
rgb(255,171,71)
-
#ffb45b
#ffb45b
rgb(255,180,91)
-
#ffbd6e
#ffbd6e
rgb(255,189,110)
-
#ffc682
#ffc682
rgb(255,198,130)
-
#ffcf96
#ffcf96
rgb(255,207,150)
-
#ffd8a9
#ffd8a9
rgb(255,216,169)
-
#ffe1bd
#ffe1bd
rgb(255,225,189)
-
#ffead0
#ffead0
rgb(255,234,208)
-
#fff3e4
#fff3e4
rgb(255,243,228)
-
#fffcf8
#fffcf8
rgb(255,252,248)
Tones of #ffc682
A tone is produced by adding gray to any pure hue. In this case, #c5c1bc is the less saturated color, while #ffc682 is the most saturated one.
-
#c5c1bc
#c5c1bc
rgb(197,193,188)
-
#cac1b7
#cac1b7
rgb(202,193,183)
-
#cfc2b2
#cfc2b2
rgb(207,194,178)
-
#d4c2ad
#d4c2ad
rgb(212,194,173)
-
#d9c3a8
#d9c3a8
rgb(217,195,168)
-
#ddc3a4
#ddc3a4
rgb(221,195,164)
-
#e2c39f
#e2c39f
rgb(226,195,159)
-
#e7c49a
#e7c49a
rgb(231,196,154)
-
#ecc495
#ecc495
rgb(236,196,149)
-
#f1c590
#f1c590
rgb(241,197,144)
-
#f5c58c
#f5c58c
rgb(245,197,140)
-
#fac687
#fac687
rgb(250,198,135)
-
#ffc682
#ffc682
rgb(255,198,130)
Color Blindness Simulator
Below, you can see how #ffc682 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.