#20bacf Color Information
In a RGB color space, hex #20bacf is composed of 12.5% red, 72.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 84.5% cyan, 10.1% magenta, 0% yellow and 18.8% black. It has a hue angle of 187.2 degrees, a saturation of 73.2% and a lightness of 46.9%. #20bacf color hex could be obtained by blending #40ffff with #00759f. Closest websafe color is: #33cccc.
-
- R 13
- G 73
- B 81
-
- C 85
- M 10
- Y 0
- K 19
● #20bacf color description : Strong cyan.
#20bacf Color Conversion
The hexadecimal color #20bacf has RGB values of R:32, G:186, B:207 and CMYK values of C:0.85, M:0.1, Y:0, K:0.19. Its decimal value is 2144975.
Hex triplet | 20bacf | #20bacf |
---|---|---|
RGB Decimal | 32, 186, 207 | rgb(32,186,207) |
RGB Percent | 12.5, 72.9, 81.2 | rgb(12.5%,72.9%,81.2%) |
CMYK | 85, 10, 0, 19 | |
HSL | 187.2°, 73.2, 46.9 | hsl(187.2,73.2%,46.9%) |
HSV (or HSB) | 187.2°, 84.5, 81.2 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.418, -29.978, -21.29 |
---|---|
XYZ | 29.414, 39.927, 65.184 |
xyY | 0.219, 0.297, 39.927 |
CIE-LCH | 69.418, 36.769, 215.381 |
CIE-LUV | 69.418, -49.663, -29.034 |
Hunter-Lab | 63.188, -27.487, -16.932 |
Binary | 00100000, 10111010, 11001111 |
Color Schemes with #20bacf
Alternatives to #20bacf
Below, you can see some colors close to #20bacf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20bacf Preview
This text has a font color of #20bacf.
<span style="color:#20bacf;">Text here</span>
This paragraph has a background color of #20bacf.
<p style="background-color:#20bacf;">Content here</p>
This element has a border color of #20bacf.
<div style="border:1px solid #20bacf;">Content here</div>
.text {color:#20bacf;}
.background {background-color:#20bacf;}
.border {border:1px solid #20bacf;}
Shades and Tints of #20bacf
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, #000303 is the darkest color, while #f1fbfd is the lightest one.
-
#000303
#000303
rgb(0,3,3)
-
#031214
#031214
rgb(3,18,20)
-
#062125
#062125
rgb(6,33,37)
-
#083136
#083136
rgb(8,49,54)
-
#0b4047
#0b4047
rgb(11,64,71)
-
#0e4f58
#0e4f58
rgb(14,79,88)
-
#105e69
#105e69
rgb(16,94,105)
-
#136e7a
#136e7a
rgb(19,110,122)
-
#157d8b
#157d8b
rgb(21,125,139)
-
#188c9c
#188c9c
rgb(24,140,156)
-
#1b9bad
#1b9bad
rgb(27,155,173)
-
#1dabbe
#1dabbe
rgb(29,171,190)
-
#20bacf
#20bacf
rgb(32,186,207)
-
#25c7dd
#25c7dd
rgb(37,199,221)
-
#36cce0
#36cce0
rgb(54,204,224)
-
#47d0e3
#47d0e3
rgb(71,208,227)
-
#58d4e5
#58d4e5
rgb(88,212,229)
-
#69d9e8
#69d9e8
rgb(105,217,232)
-
#7addea
#7addea
rgb(122,221,234)
-
#8be1ed
#8be1ed
rgb(139,225,237)
-
#9ce6f0
#9ce6f0
rgb(156,230,240)
-
#adeaf2
#adeaf2
rgb(173,234,242)
-
#beeef5
#beeef5
rgb(190,238,245)
-
#cff3f8
#cff3f8
rgb(207,243,248)
-
#e0f7fa
#e0f7fa
rgb(224,247,250)
-
#f1fbfd
#f1fbfd
rgb(241,251,253)
Tones of #20bacf
A tone is produced by adding gray to any pure hue. In this case, #737b7c is the less saturated color, while #04cfeb is the most saturated one.
-
#737b7c
#737b7c
rgb(115,123,124)
-
#6a8285
#6a8285
rgb(106,130,133)
-
#60898f
#60898f
rgb(96,137,143)
-
#579098
#579098
rgb(87,144,152)
-
#4e97a1
#4e97a1
rgb(78,151,161)
-
#459eaa
#459eaa
rgb(69,158,170)
-
#3ca5b3
#3ca5b3
rgb(60,165,179)
-
#32acbd
#32acbd
rgb(50,172,189)
-
#29b3c6
#29b3c6
rgb(41,179,198)
-
#20bacf
#20bacf
rgb(32,186,207)
-
#17c1d8
#17c1d8
rgb(23,193,216)
-
#0ec8e1
#0ec8e1
rgb(14,200,225)
-
#04cfeb
#04cfeb
rgb(4,207,235)
Color Blindness Simulator
Below, you can see how #20bacf 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.