#677b1f Color Information
In a RGB color space, hex #677b1f is composed of 40.4% red, 48.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 16.3% cyan, 0% magenta, 74.8% yellow and 51.8% black. It has a hue angle of 73 degrees, a saturation of 59.7% and a lightness of 30.2%. #677b1f color hex could be obtained by blending #cef63e with #000000. Closest websafe color is: #666633.
-
- R 40
- G 48
- B 12
-
- C 16
- M 0
- Y 75
- K 52
● #677b1f color description : Dark yellow [Olive tone].
#677b1f Color Conversion
The hexadecimal color #677b1f has RGB values of R:103, G:123, B:31 and CMYK values of C:0.16, M:0, Y:0.75, K:0.52. Its decimal value is 6781727.
Hex triplet | 677b1f | #677b1f |
---|---|---|
RGB Decimal | 103, 123, 31 | rgb(103,123,31) |
RGB Percent | 40.4, 48.2, 12.2 | rgb(40.4%,48.2%,12.2%) |
CMYK | 16, 0, 75, 52 | |
HSL | 73°, 59.7, 30.2 | hsl(73,59.7%,30.2%) |
HSV (or HSB) | 73°, 74.8, 48.2 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 48.446, -20.676, 45.045 |
---|---|
XYZ | 12.924, 17.148, 3.925 |
xyY | 0.38, 0.504, 17.148 |
CIE-LCH | 48.446, 49.563, 114.656 |
CIE-LUV | 48.446, -9.117, 49.815 |
Hunter-Lab | 41.411, -16.761, 23.367 |
Binary | 01100111, 01111011, 00011111 |
Color Schemes with #677b1f
Alternatives to #677b1f
Below, you can see some colors close to #677b1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#677b1f Preview
This text has a font color of #677b1f.
<span style="color:#677b1f;">Text here</span>
This paragraph has a background color of #677b1f.
<p style="background-color:#677b1f;">Content here</p>
This element has a border color of #677b1f.
<div style="border:1px solid #677b1f;">Content here</div>
.text {color:#677b1f;}
.background {background-color:#677b1f;}
.border {border:1px solid #677b1f;}
Shades and Tints of #677b1f
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, #0b0d03 is the darkest color, while #fefefd is the lightest one.
-
#0b0d03
#0b0d03
rgb(11,13,3)
-
#181d07
#181d07
rgb(24,29,7)
-
#252d0b
#252d0b
rgb(37,45,11)
-
#333c0f
#333c0f
rgb(51,60,15)
-
#404c13
#404c13
rgb(64,76,19)
-
#4d5c17
#4d5c17
rgb(77,92,23)
-
#5a6b1b
#5a6b1b
rgb(90,107,27)
-
#677b1f
#677b1f
rgb(103,123,31)
-
#748b23
#748b23
rgb(116,139,35)
-
#819a27
#819a27
rgb(129,154,39)
-
#8eaa2b
#8eaa2b
rgb(142,170,43)
-
#9bba2f
#9bba2f
rgb(155,186,47)
-
#a9c933
#a9c933
rgb(169,201,51)
-
#b0cf41
#b0cf41
rgb(176,207,65)
-
#b7d350
#b7d350
rgb(183,211,80)
-
#bdd760
#bdd760
rgb(189,215,96)
-
#c4db70
#c4db70
rgb(196,219,112)
-
#cadf7f
#cadf7f
rgb(202,223,127)
-
#d1e38f
#d1e38f
rgb(209,227,143)
-
#d7e79f
#d7e79f
rgb(215,231,159)
-
#deebae
#deebae
rgb(222,235,174)
-
#e4efbe
#e4efbe
rgb(228,239,190)
-
#ebf3ce
#ebf3ce
rgb(235,243,206)
-
#f1f7dd
#f1f7dd
rgb(241,247,221)
-
#f8faed
#f8faed
rgb(248,250,237)
-
#fefefd
#fefefd
rgb(254,254,253)
Tones of #677b1f
A tone is produced by adding gray to any pure hue. In this case, #505248 is the less saturated color, while #789901 is the most saturated one.
-
#505248
#505248
rgb(80,82,72)
-
#535743
#535743
rgb(83,87,67)
-
#565d3d
#565d3d
rgb(86,93,61)
-
#5a6337
#5a6337
rgb(90,99,55)
-
#5d6931
#5d6931
rgb(93,105,49)
-
#606f2b
#606f2b
rgb(96,111,43)
-
#647525
#647525
rgb(100,117,37)
-
#677b1f
#677b1f
rgb(103,123,31)
-
#6a8119
#6a8119
rgb(106,129,25)
-
#6e8713
#6e8713
rgb(110,135,19)
-
#718d0d
#718d0d
rgb(113,141,13)
-
#749307
#749307
rgb(116,147,7)
-
#789901
#789901
rgb(120,153,1)
Color Blindness Simulator
Below, you can see how #677b1f 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.