#20bac4 Color Information
In a RGB color space, hex #20bac4 is composed of 12.5% red, 72.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 5.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 183.7 degrees, a saturation of 71.9% and a lightness of 44.7%. #20bac4 color hex could be obtained by blending #40ffff with #007589. Closest websafe color is: #33cccc.
-
- R 13
- G 73
- B 77
-
- C 84
- M 5
- Y 0
- K 23
● #20bac4 color description : Strong cyan.
#20bac4 Color Conversion
The hexadecimal color #20bac4 has RGB values of R:32, G:186, B:196 and CMYK values of C:0.84, M:0.05, Y:0, K:0.23. Its decimal value is 2144964.
Hex triplet | 20bac4 | #20bac4 |
---|---|---|
RGB Decimal | 32, 186, 196 | rgb(32,186,196) |
RGB Percent | 12.5, 72.9, 76.9 | rgb(12.5%,72.9%,76.9%) |
CMYK | 84, 5, 0, 23 | |
HSL | 183.7°, 71.9, 44.7 | hsl(183.7,71.9%,44.7%) |
HSV (or HSB) | 183.7°, 83.7, 76.9 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 69.046, -33.426, -15.818 |
---|---|
XYZ | 28.115, 39.408, 58.346 |
xyY | 0.223, 0.313, 39.408 |
CIE-LCH | 69.046, 36.98, 205.324 |
CIE-LUV | 69.046, -50.488, -19.569 |
Hunter-Lab | 62.775, -29.912, -11.164 |
Binary | 00100000, 10111010, 11000100 |
Color Schemes with #20bac4
Alternatives to #20bac4
Below, you can see some colors close to #20bac4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20bac4 Preview
This text has a font color of #20bac4.
<span style="color:#20bac4;">Text here</span>
This paragraph has a background color of #20bac4.
<p style="background-color:#20bac4;">Content here</p>
This element has a border color of #20bac4.
<div style="border:1px solid #20bac4;">Content here</div>
.text {color:#20bac4;}
.background {background-color:#20bac4;}
.border {border:1px solid #20bac4;}
Shades and Tints of #20bac4
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, #020a0b is the darkest color, while #f9fefe is the lightest one.
-
#020a0b
#020a0b
rgb(2,10,11)
-
#041a1b
#041a1b
rgb(4,26,27)
-
#072a2c
#072a2c
rgb(7,42,44)
-
#0a3a3d
#0a3a3d
rgb(10,58,61)
-
#0d4a4e
#0d4a4e
rgb(13,74,78)
-
#0f5a5f
#0f5a5f
rgb(15,90,95)
-
#126a70
#126a70
rgb(18,106,112)
-
#157a81
#157a81
rgb(21,122,129)
-
#188a91
#188a91
rgb(24,138,145)
-
#1a9aa2
#1a9aa2
rgb(26,154,162)
-
#1daab3
#1daab3
rgb(29,170,179)
-
#20bac4
#20bac4
rgb(32,186,196)
-
#23cad5
#23cad5
rgb(35,202,213)
-
#2ed2dd
#2ed2dd
rgb(46,210,221)
-
#3fd6e0
#3fd6e0
rgb(63,214,224)
-
#50dae2
#50dae2
rgb(80,218,226)
-
#61dde5
#61dde5
rgb(97,221,229)
-
#72e1e8
#72e1e8
rgb(114,225,232)
-
#83e4eb
#83e4eb
rgb(131,228,235)
-
#93e8ed
#93e8ed
rgb(147,232,237)
-
#a4ecf0
#a4ecf0
rgb(164,236,240)
-
#b5eff3
#b5eff3
rgb(181,239,243)
-
#c6f3f6
#c6f3f6
rgb(198,243,246)
-
#d7f6f8
#d7f6f8
rgb(215,246,248)
-
#e8fafb
#e8fafb
rgb(232,250,251)
-
#f9fefe
#f9fefe
rgb(249,254,254)
Tones of #20bac4
A tone is produced by adding gray to any pure hue. In this case, #6f7575 is the less saturated color, while #06d1de is the most saturated one.
-
#6f7575
#6f7575
rgb(111,117,117)
-
#667c7e
#667c7e
rgb(102,124,126)
-
#5d8487
#5d8487
rgb(93,132,135)
-
#558c8f
#558c8f
rgb(85,140,143)
-
#4c9498
#4c9498
rgb(76,148,152)
-
#439ba1
#439ba1
rgb(67,155,161)
-
#3aa3aa
#3aa3aa
rgb(58,163,170)
-
#32abb2
#32abb2
rgb(50,171,178)
-
#29b2bb
#29b2bb
rgb(41,178,187)
-
#20bac4
#20bac4
rgb(32,186,196)
-
#17c2cd
#17c2cd
rgb(23,194,205)
-
#0ec9d6
#0ec9d6
rgb(14,201,214)
-
#06d1de
#06d1de
rgb(6,209,222)
Color Blindness Simulator
Below, you can see how #20bac4 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.