#20554f Color Information
In a RGB color space, hex #20554f is composed of 12.5% red, 33.3% green and 31% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 0% magenta, 7.1% yellow and 66.7% black. It has a hue angle of 173.2 degrees, a saturation of 45.3% and a lightness of 22.9%. #20554f color hex could be obtained by blending #40aa9e with #000000. Closest websafe color is: #336666.
-
- R 13
- G 33
- B 31
-
- C 62
- M 0
- Y 7
- K 67
● #20554f color description : Very dark cyan.
#20554f Color Conversion
The hexadecimal color #20554f has RGB values of R:32, G:85, B:79 and CMYK values of C:0.62, M:0, Y:0.07, K:0.67. Its decimal value is 2118991.
Hex triplet | 20554f | #20554f |
---|---|---|
RGB Decimal | 32, 85, 79 | rgb(32,85,79) |
RGB Percent | 12.5, 33.3, 31 | rgb(12.5%,33.3%,31%) |
CMYK | 62, 0, 7, 67 | |
HSL | 173.2°, 45.3, 22.9 | hsl(173.2,45.3%,22.9%) |
HSV (or HSB) | 173.2°, 62.4, 33.3 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.631, -19.136, -1.771 |
---|---|
XYZ | 5.255, 7.368, 8.542 |
xyY | 0.248, 0.348, 7.368 |
CIE-LCH | 32.631, 19.218, 185.289 |
CIE-LUV | 32.631, -20.865, 0.267 |
Hunter-Lab | 27.144, -12.946, 0.343 |
Binary | 00100000, 01010101, 01001111 |
Color Schemes with #20554f
Alternatives to #20554f
Below, you can see some colors close to #20554f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20554f Preview
This text has a font color of #20554f.
<span style="color:#20554f;">Text here</span>
This paragraph has a background color of #20554f.
<p style="background-color:#20554f;">Content here</p>
This element has a border color of #20554f.
<div style="border:1px solid #20554f;">Content here</div>
.text {color:#20554f;}
.background {background-color:#20554f;}
.border {border:1px solid #20554f;}
Shades and Tints of #20554f
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, #050e0d is the darkest color, while #feffff is the lightest one.
-
#050e0d
#050e0d
rgb(5,14,13)
-
#0b1c1a
#0b1c1a
rgb(11,28,26)
-
#102a27
#102a27
rgb(16,42,39)
-
#153835
#153835
rgb(21,56,53)
-
#1b4742
#1b4742
rgb(27,71,66)
-
#20554f
#20554f
rgb(32,85,79)
-
#25635c
#25635c
rgb(37,99,92)
-
#2b7269
#2b7269
rgb(43,114,105)
-
#308077
#308077
rgb(48,128,119)
-
#358e84
#358e84
rgb(53,142,132)
-
#3b9c91
#3b9c91
rgb(59,156,145)
-
#40ab9e
#40ab9e
rgb(64,171,158)
-
#46b9ac
#46b9ac
rgb(70,185,172)
-
#53beb2
#53beb2
rgb(83,190,178)
-
#62c4b9
#62c4b9
rgb(98,196,185)
-
#70c9bf
#70c9bf
rgb(112,201,191)
-
#7ecfc5
#7ecfc5
rgb(126,207,197)
-
#8cd4cc
#8cd4cc
rgb(140,212,204)
-
#9bd9d2
#9bd9d2
rgb(155,217,210)
-
#a9dfd9
#a9dfd9
rgb(169,223,217)
-
#b7e4df
#b7e4df
rgb(183,228,223)
-
#c5e9e5
#c5e9e5
rgb(197,233,229)
-
#d4efec
#d4efec
rgb(212,239,236)
-
#e2f4f2
#e2f4f2
rgb(226,244,242)
-
#f0f9f8
#f0f9f8
rgb(240,249,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #20554f
A tone is produced by adding gray to any pure hue. In this case, #373f3e is the less saturated color, while #007567 is the most saturated one.
-
#373f3e
#373f3e
rgb(55,63,62)
-
#324341
#324341
rgb(50,67,65)
-
#2e4845
#2e4845
rgb(46,72,69)
-
#294c48
#294c48
rgb(41,76,72)
-
#25514c
#25514c
rgb(37,81,76)
-
#20554f
#20554f
rgb(32,85,79)
-
#1c5a52
#1c5a52
rgb(28,90,82)
-
#175e56
#175e56
rgb(23,94,86)
-
#136359
#136359
rgb(19,99,89)
-
#0e675d
#0e675d
rgb(14,103,93)
-
#0a6c60
#0a6c60
rgb(10,108,96)
-
#057064
#057064
rgb(5,112,100)
-
#007567
#007567
rgb(0,117,103)
Color Blindness Simulator
Below, you can see how #20554f 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.