#20686c Color Information
In a RGB color space, hex #20686c is composed of 12.5% red, 40.8% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 3.7% magenta, 0% yellow and 57.6% black. It has a hue angle of 183.2 degrees, a saturation of 54.3% and a lightness of 27.5%. #20686c color hex could be obtained by blending #40d0d8 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 41
- B 42
-
- C 70
- M 4
- Y 0
- K 58
● #20686c color description : Very dark cyan.
#20686c Color Conversion
The hexadecimal color #20686c has RGB values of R:32, G:104, B:108 and CMYK values of C:0.7, M:0.04, Y:0, K:0.58. Its decimal value is 2123884.
Hex triplet | 20686c | #20686c |
---|---|---|
RGB Decimal | 32, 104, 108 | rgb(32,104,108) |
RGB Percent | 12.5, 40.8, 42.4 | rgb(12.5%,40.8%,42.4%) |
CMYK | 70, 4, 0, 58 | |
HSL | 183.2°, 54.3, 27.5 | hsl(183.2,54.3%,27.5%) |
HSV (or HSB) | 183.2°, 70.4, 42.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.064, -20.257, -8.725 |
---|---|
XYZ | 8.252, 11.29, 15.931 |
xyY | 0.233, 0.318, 11.29 |
CIE-LCH | 40.064, 22.056, 203.303 |
CIE-LUV | 40.064, -26.767, -9.13 |
Hunter-Lab | 33.6, -14.962, -4.591 |
Binary | 00100000, 01101000, 01101100 |
Color Schemes with #20686c
Alternatives to #20686c
Below, you can see some colors close to #20686c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20686c Preview
This text has a font color of #20686c.
<span style="color:#20686c;">Text here</span>
This paragraph has a background color of #20686c.
<p style="background-color:#20686c;">Content here</p>
This element has a border color of #20686c.
<div style="border:1px solid #20686c;">Content here</div>
.text {color:#20686c;}
.background {background-color:#20686c;}
.border {border:1px solid #20686c;}
Shades and Tints of #20686c
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, #010202 is the darkest color, while #f2fbfb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#051111
#051111
rgb(5,17,17)
-
#0a1f20
#0a1f20
rgb(10,31,32)
-
#0e2e2f
#0e2e2f
rgb(14,46,47)
-
#133c3f
#133c3f
rgb(19,60,63)
-
#174b4e
#174b4e
rgb(23,75,78)
-
#1c595d
#1c595d
rgb(28,89,93)
-
#20686c
#20686c
rgb(32,104,108)
-
#24777b
#24777b
rgb(36,119,123)
-
#29858a
#29858a
rgb(41,133,138)
-
#2d9499
#2d9499
rgb(45,148,153)
-
#32a2a9
#32a2a9
rgb(50,162,169)
-
#36b1b8
#36b1b8
rgb(54,177,184)
-
#3cbec5
#3cbec5
rgb(60,190,197)
-
#4bc3ca
#4bc3ca
rgb(75,195,202)
-
#5bc8ce
#5bc8ce
rgb(91,200,206)
-
#6acdd3
#6acdd3
rgb(106,205,211)
-
#79d2d7
#79d2d7
rgb(121,210,215)
-
#88d7dc
#88d7dc
rgb(136,215,220)
-
#97dce0
#97dce0
rgb(151,220,224)
-
#a6e1e5
#a6e1e5
rgb(166,225,229)
-
#b5e6e9
#b5e6e9
rgb(181,230,233)
-
#c5ecee
#c5ecee
rgb(197,236,238)
-
#d4f1f2
#d4f1f2
rgb(212,241,242)
-
#e3f6f7
#e3f6f7
rgb(227,246,247)
-
#f2fbfb
#f2fbfb
rgb(242,251,251)
Tones of #20686c
A tone is produced by adding gray to any pure hue. In this case, #464646 is the less saturated color, while #058087 is the most saturated one.
-
#464646
#464646
rgb(70,70,70)
-
#404b4c
#404b4c
rgb(64,75,76)
-
#3b5051
#3b5051
rgb(59,80,81)
-
#365556
#365556
rgb(54,85,86)
-
#305a5c
#305a5c
rgb(48,90,92)
-
#2b5e61
#2b5e61
rgb(43,94,97)
-
#256367
#256367
rgb(37,99,103)
-
#20686c
#20686c
rgb(32,104,108)
-
#1b6d71
#1b6d71
rgb(27,109,113)
-
#157277
#157277
rgb(21,114,119)
-
#10767c
#10767c
rgb(16,118,124)
-
#0a7b82
#0a7b82
rgb(10,123,130)
-
#058087
#058087
rgb(5,128,135)
Color Blindness Simulator
Below, you can see how #20686c 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.