#ff680f Color Information
In a RGB color space, hex #ff680f is composed of 100% red, 40.8% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 94.1% yellow and 0% black. It has a hue angle of 22.3 degrees, a saturation of 100% and a lightness of 52.9%. #ff680f color hex could be obtained by blending #ffd01e with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 41
- B 6
-
- C 0
- M 59
- Y 94
- K 0
● #ff680f color description : Vivid orange.
#ff680f Color Conversion
The hexadecimal color #ff680f has RGB values of R:255, G:104, B:15 and CMYK values of C:0, M:0.59, Y:0.94, K:0. Its decimal value is 16738319.
Hex triplet | ff680f | #ff680f |
---|---|---|
RGB Decimal | 255, 104, 15 | rgb(255,104,15) |
RGB Percent | 100, 40.8, 5.9 | rgb(100%,40.8%,5.9%) |
CMYK | 0, 59, 94, 0 | |
HSL | 22.3°, 100, 52.9 | hsl(22.3,100%,52.9%) |
HSV (or HSB) | 22.3°, 94.1, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.676, 54.233, 68.957 |
---|---|
XYZ | 46.279, 31.2, 4.037 |
xyY | 0.568, 0.383, 31.2 |
CIE-LCH | 62.676, 87.728, 51.816 |
CIE-LUV | 62.676, 125.336, 53.05 |
Hunter-Lab | 55.857, 50.141, 34.815 |
Binary | 11111111, 01101000, 00001111 |
Color Schemes with #ff680f
Alternatives to #ff680f
Below, you can see some colors close to #ff680f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff680f Preview
This text has a font color of #ff680f.
<span style="color:#ff680f;">Text here</span>
This paragraph has a background color of #ff680f.
<p style="background-color:#ff680f;">Content here</p>
This element has a border color of #ff680f.
<div style="border:1px solid #ff680f;">Content here</div>
.text {color:#ff680f;}
.background {background-color:#ff680f;}
.border {border:1px solid #ff680f;}
Shades and Tints of #ff680f
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, #0f0600 is the darkest color, while #fffcfa is the lightest one.
-
#0f0600
#0f0600
rgb(15,6,0)
-
#230d00
#230d00
rgb(35,13,0)
-
#361400
#361400
rgb(54,20,0)
-
#4a1b00
#4a1b00
rgb(74,27,0)
-
#5d2300
#5d2300
rgb(93,35,0)
-
#712a00
#712a00
rgb(113,42,0)
-
#853100
#853100
rgb(133,49,0)
-
#983800
#983800
rgb(152,56,0)
-
#ac4000
#ac4000
rgb(172,64,0)
-
#c04700
#c04700
rgb(192,71,0)
-
#d34e00
#d34e00
rgb(211,78,0)
-
#e75600
#e75600
rgb(231,86,0)
-
#fa5d00
#fa5d00
rgb(250,93,0)
-
#ff680f
#ff680f
rgb(255,104,15)
-
#ff7423
#ff7423
rgb(255,116,35)
-
#ff8136
#ff8136
rgb(255,129,54)
-
#ff8d4a
#ff8d4a
rgb(255,141,74)
-
#ff995d
#ff995d
rgb(255,153,93)
-
#ffa671
#ffa671
rgb(255,166,113)
-
#ffb285
#ffb285
rgb(255,178,133)
-
#ffbe98
#ffbe98
rgb(255,190,152)
-
#ffcbac
#ffcbac
rgb(255,203,172)
-
#ffd7c0
#ffd7c0
rgb(255,215,192)
-
#ffe3d3
#ffe3d3
rgb(255,227,211)
-
#fff0e7
#fff0e7
rgb(255,240,231)
-
#fffcfa
#fffcfa
rgb(255,252,250)
Tones of #ff680f
A tone is produced by adding gray to any pure hue. In this case, #90857e is the less saturated color, while #ff680f is the most saturated one.
-
#90857e
#90857e
rgb(144,133,126)
-
#998275
#998275
rgb(153,130,117)
-
#a3806b
#a3806b
rgb(163,128,107)
-
#ac7d62
#ac7d62
rgb(172,125,98)
-
#b57b59
#b57b59
rgb(181,123,89)
-
#be7950
#be7950
rgb(190,121,80)
-
#c87646
#c87646
rgb(200,118,70)
-
#d1743d
#d1743d
rgb(209,116,61)
-
#da7234
#da7234
rgb(218,114,52)
-
#e36f2b
#e36f2b
rgb(227,111,43)
-
#ed6d21
#ed6d21
rgb(237,109,33)
-
#f66a18
#f66a18
rgb(246,106,24)
-
#ff680f
#ff680f
rgb(255,104,15)
Color Blindness Simulator
Below, you can see how #ff680f 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.