#20baaf Color Information
In a RGB color space, hex #20baaf is composed of 12.5% red, 72.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 82.8% cyan, 0% magenta, 5.9% yellow and 27.1% black. It has a hue angle of 175.7 degrees, a saturation of 70.6% and a lightness of 42.7%. #20baaf color hex could be obtained by blending #40ffff with #00755f. Closest websafe color is: #33cc99.
-
- R 13
- G 73
- B 69
-
- C 83
- M 0
- Y 6
- K 27
● #20baaf color description : Strong cyan.
#20baaf Color Conversion
The hexadecimal color #20baaf has RGB values of R:32, G:186, B:175 and CMYK values of C:0.83, M:0, Y:0.06, K:0.27. Its decimal value is 2144943.
Hex triplet | 20baaf | #20baaf |
---|---|---|
RGB Decimal | 32, 186, 175 | rgb(32,186,175) |
RGB Percent | 12.5, 72.9, 68.6 | rgb(12.5%,72.9%,68.6%) |
CMYK | 83, 0, 6, 27 | |
HSL | 175.7°, 70.6, 42.7 | hsl(175.7,70.6%,42.7%) |
HSV (or HSB) | 175.7°, 82.8, 72.9 | |
Web Safe | 33cc99 | #33cc99 |
CIE-LAB | 68.4, -39.678, -5.23 |
---|---|
XYZ | 25.89, 38.517, 46.625 |
xyY | 0.233, 0.347, 38.517 |
CIE-LCH | 68.4, 40.021, 187.509 |
CIE-LUV | 68.4, -52.07, -1.87 |
Hunter-Lab | 62.062, -34.146, -1.099 |
Binary | 00100000, 10111010, 10101111 |
Color Schemes with #20baaf
Alternatives to #20baaf
Below, you can see some colors close to #20baaf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20baaf Preview
This text has a font color of #20baaf.
<span style="color:#20baaf;">Text here</span>
This paragraph has a background color of #20baaf.
<p style="background-color:#20baaf;">Content here</p>
This element has a border color of #20baaf.
<div style="border:1px solid #20baaf;">Content here</div>
.text {color:#20baaf;}
.background {background-color:#20baaf;}
.border {border:1px solid #20baaf;}
Shades and Tints of #20baaf
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, #000202 is the darkest color, while #f0fcfc is the lightest one.
-
#000202
#000202
rgb(0,2,2)
-
#031312
#031312
rgb(3,19,18)
-
#062321
#062321
rgb(6,35,33)
-
#093431
#093431
rgb(9,52,49)
-
#0c4541
#0c4541
rgb(12,69,65)
-
#0f5651
#0f5651
rgb(15,86,81)
-
#126660
#126660
rgb(18,102,96)
-
#147770
#147770
rgb(20,119,112)
-
#178880
#178880
rgb(23,136,128)
-
#1a9990
#1a9990
rgb(26,153,144)
-
#1da99f
#1da99f
rgb(29,169,159)
-
#20baaf
#20baaf
rgb(32,186,175)
-
#23cbbf
#23cbbf
rgb(35,203,191)
-
#27dacd
#27dacd
rgb(39,218,205)
-
#38ddd1
#38ddd1
rgb(56,221,209)
-
#49e0d5
#49e0d5
rgb(73,224,213)
-
#5ae3d9
#5ae3d9
rgb(90,227,217)
-
#6ae5dd
#6ae5dd
rgb(106,229,221)
-
#7be8e0
#7be8e0
rgb(123,232,224)
-
#8cebe4
#8cebe4
rgb(140,235,228)
-
#9ceee8
#9ceee8
rgb(156,238,232)
-
#adf1ec
#adf1ec
rgb(173,241,236)
-
#bef4f0
#bef4f0
rgb(190,244,240)
-
#cff7f4
#cff7f4
rgb(207,247,244)
-
#dffaf8
#dffaf8
rgb(223,250,248)
-
#f0fcfc
#f0fcfc
rgb(240,252,252)
Tones of #20baaf
A tone is produced by adding gray to any pure hue. In this case, #6b6f6e is the less saturated color, while #07d3c5 is the most saturated one.
-
#6b6f6e
#6b6f6e
rgb(107,111,110)
-
#637776
#637776
rgb(99,119,118)
-
#5b7f7d
#5b7f7d
rgb(91,127,125)
-
#528884
#528884
rgb(82,136,132)
-
#4a908b
#4a908b
rgb(74,144,139)
-
#429892
#429892
rgb(66,152,146)
-
#39a199
#39a199
rgb(57,161,153)
-
#31a9a1
#31a9a1
rgb(49,169,161)
-
#28b2a8
#28b2a8
rgb(40,178,168)
-
#20baaf
#20baaf
rgb(32,186,175)
-
#18c2b6
#18c2b6
rgb(24,194,182)
-
#0fcbbd
#0fcbbd
rgb(15,203,189)
-
#07d3c5
#07d3c5
rgb(7,211,197)
Color Blindness Simulator
Below, you can see how #20baaf 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.