#20667f Color Information
In a RGB color space, hex #20667f is composed of 12.5% red, 40% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 19.7% magenta, 0% yellow and 50.2% black. It has a hue angle of 195.8 degrees, a saturation of 59.7% and a lightness of 31.2%. #20667f color hex could be obtained by blending #40ccfe with #000000. Closest websafe color is: #336666.
-
- R 13
- G 40
- B 50
-
- C 75
- M 20
- Y 0
- K 50
● #20667f color description : Dark blue.
#20667f Color Conversion
The hexadecimal color #20667f has RGB values of R:32, G:102, B:127 and CMYK values of C:0.75, M:0.2, Y:0, K:0.5. Its decimal value is 2123391.
Hex triplet | 20667f | #20667f |
---|---|---|
RGB Decimal | 32, 102, 127 | rgb(32,102,127) |
RGB Percent | 12.5, 40, 49.8 | rgb(12.5%,40%,49.8%) |
CMYK | 75, 20, 0, 50 | |
HSL | 195.8°, 59.7, 31.2 | hsl(195.8,59.7%,31.2%) |
HSV (or HSB) | 195.8°, 74.8, 49.8 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.15, -12.645, -20.163 |
---|---|
XYZ | 9.177, 11.341, 21.783 |
xyY | 0.217, 0.268, 11.341 |
CIE-LCH | 40.15, 23.799, 237.907 |
CIE-LUV | 40.15, -24.948, -26.678 |
Hunter-Lab | 33.677, -10.294, -14.776 |
Binary | 00100000, 01100110, 01111111 |
Color Schemes with #20667f
Alternatives to #20667f
Below, you can see some colors close to #20667f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20667f Preview
This text has a font color of #20667f.
<span style="color:#20667f;">Text here</span>
This paragraph has a background color of #20667f.
<p style="background-color:#20667f;">Content here</p>
This element has a border color of #20667f.
<div style="border:1px solid #20667f;">Content here</div>
.text {color:#20667f;}
.background {background-color:#20667f;}
.border {border:1px solid #20667f;}
Shades and Tints of #20667f
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, #000102 is the darkest color, while #f1f9fb is the lightest one.
-
#000102
#000102
rgb(0,1,2)
-
#040e11
#040e11
rgb(4,14,17)
-
#081a21
#081a21
rgb(8,26,33)
-
#0c2731
#0c2731
rgb(12,39,49)
-
#103440
#103440
rgb(16,52,64)
-
#144050
#144050
rgb(20,64,80)
-
#184d60
#184d60
rgb(24,77,96)
-
#1c596f
#1c596f
rgb(28,89,111)
-
#20667f
#20667f
rgb(32,102,127)
-
#24738f
#24738f
rgb(36,115,143)
-
#287f9e
#287f9e
rgb(40,127,158)
-
#2c8cae
#2c8cae
rgb(44,140,174)
-
#3098be
#3098be
rgb(48,152,190)
-
#35a4cc
#35a4cc
rgb(53,164,204)
-
#45abd0
#45abd0
rgb(69,171,208)
-
#54b2d4
#54b2d4
rgb(84,178,212)
-
#64b9d8
#64b9d8
rgb(100,185,216)
-
#74c0dc
#74c0dc
rgb(116,192,220)
-
#83c7e0
#83c7e0
rgb(131,199,224)
-
#93cfe4
#93cfe4
rgb(147,207,228)
-
#a3d6e8
#a3d6e8
rgb(163,214,232)
-
#b2ddec
#b2ddec
rgb(178,221,236)
-
#c2e4f0
#c2e4f0
rgb(194,228,240)
-
#d2ebf4
#d2ebf4
rgb(210,235,244)
-
#e1f2f8
#e1f2f8
rgb(225,242,248)
-
#f1f9fb
#f1f9fb
rgb(241,249,251)
Tones of #20667f
A tone is produced by adding gray to any pure hue. In this case, #4b5254 is the less saturated color, while #01749e is the most saturated one.
-
#4b5254
#4b5254
rgb(75,82,84)
-
#45555a
#45555a
rgb(69,85,90)
-
#3f5860
#3f5860
rgb(63,88,96)
-
#385a67
#385a67
rgb(56,90,103)
-
#325d6d
#325d6d
rgb(50,93,109)
-
#2c6073
#2c6073
rgb(44,96,115)
-
#266379
#266379
rgb(38,99,121)
-
#20667f
#20667f
rgb(32,102,127)
-
#1a6985
#1a6985
rgb(26,105,133)
-
#146c8b
#146c8b
rgb(20,108,139)
-
#0e6f91
#0e6f91
rgb(14,111,145)
-
#087297
#087297
rgb(8,114,151)
-
#01749e
#01749e
rgb(1,116,158)
Color Blindness Simulator
Below, you can see how #20667f 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.