#20686b Color Information
In a RGB color space, hex #20686b is composed of 12.5% red, 40.8% green and 42% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 2.8% magenta, 0% yellow and 58% black. It has a hue angle of 182.4 degrees, a saturation of 54% and a lightness of 27.3%. #20686b color hex could be obtained by blending #40d0d6 with #000000. Closest websafe color is: #336666.
-
- R 13
- G 41
- B 42
-
- C 70
- M 3
- Y 0
- K 58
● #20686b color description : Very dark cyan.
#20686b Color Conversion
The hexadecimal color #20686b has RGB values of R:32, G:104, B:107 and CMYK values of C:0.7, M:0.03, Y:0, K:0.58. Its decimal value is 2123883.
Hex triplet | 20686b | #20686b |
---|---|---|
RGB Decimal | 32, 104, 107 | rgb(32,104,107) |
RGB Percent | 12.5, 40.8, 42 | rgb(12.5%,40.8%,42%) |
CMYK | 70, 3, 0, 58 | |
HSL | 182.4°, 54, 27.3 | hsl(182.4,54%,27.3%) |
HSV (or HSB) | 182.4°, 70.1, 42 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.029, -20.58, -8.167 |
---|---|
XYZ | 8.199, 11.269, 15.652 |
xyY | 0.233, 0.321, 11.269 |
CIE-LCH | 40.029, 22.141, 201.646 |
CIE-LUV | 40.029, -26.825, -8.301 |
Hunter-Lab | 33.569, -15.147, -4.147 |
Binary | 00100000, 01101000, 01101011 |
Color Schemes with #20686b
Alternatives to #20686b
Below, you can see some colors close to #20686b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20686b Preview
This text has a font color of #20686b.
<span style="color:#20686b;">Text here</span>
This paragraph has a background color of #20686b.
<p style="background-color:#20686b;">Content here</p>
This element has a border color of #20686b.
<div style="border:1px solid #20686b;">Content here</div>
.text {color:#20686b;}
.background {background-color:#20686b;}
.border {border:1px solid #20686b;}
Shades and Tints of #20686b
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, #000101 is the darkest color, while #f1fafb is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#051010
#051010
rgb(5,16,16)
-
#091f20
#091f20
rgb(9,31,32)
-
#0e2d2f
#0e2d2f
rgb(14,45,47)
-
#123c3e
#123c3e
rgb(18,60,62)
-
#174b4d
#174b4d
rgb(23,75,77)
-
#1b595c
#1b595c
rgb(27,89,92)
-
#20686b
#20686b
rgb(32,104,107)
-
#25777a
#25777a
rgb(37,119,122)
-
#298589
#298589
rgb(41,133,137)
-
#2e9498
#2e9498
rgb(46,148,152)
-
#32a3a7
#32a3a7
rgb(50,163,167)
-
#37b1b6
#37b1b6
rgb(55,177,182)
-
#3cbfc5
#3cbfc5
rgb(60,191,197)
-
#4bc4c9
#4bc4c9
rgb(75,196,201)
-
#5ac9ce
#5ac9ce
rgb(90,201,206)
-
#69ced2
#69ced2
rgb(105,206,210)
-
#78d3d7
#78d3d7
rgb(120,211,215)
-
#88d8db
#88d8db
rgb(136,216,219)
-
#97dde0
#97dde0
rgb(151,221,224)
-
#a6e2e4
#a6e2e4
rgb(166,226,228)
-
#b5e7e9
#b5e7e9
rgb(181,231,233)
-
#c4eced
#c4eced
rgb(196,236,237)
-
#d3f1f2
#d3f1f2
rgb(211,241,242)
-
#e2f6f6
#e2f6f6
rgb(226,246,246)
-
#f1fafb
#f1fafb
rgb(241,250,251)
Tones of #20686b
A tone is produced by adding gray to any pure hue. In this case, #454646 is the less saturated color, while #058186 is the most saturated one.
-
#454646
#454646
rgb(69,70,70)
-
#404a4b
#404a4b
rgb(64,74,75)
-
#3b4f50
#3b4f50
rgb(59,79,80)
-
#355456
#355456
rgb(53,84,86)
-
#30595b
#30595b
rgb(48,89,91)
-
#2b5e60
#2b5e60
rgb(43,94,96)
-
#256366
#256366
rgb(37,99,102)
-
#20686b
#20686b
rgb(32,104,107)
-
#1b6d70
#1b6d70
rgb(27,109,112)
-
#157276
#157276
rgb(21,114,118)
-
#10777b
#10777b
rgb(16,119,123)
-
#0b7c80
#0b7c80
rgb(11,124,128)
-
#058186
#058186
rgb(5,129,134)
Color Blindness Simulator
Below, you can see how #20686b 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.