#20abcc Color Information
In a RGB color space, hex #20abcc is composed of 12.5% red, 67.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 16.2% magenta, 0% yellow and 20% black. It has a hue angle of 191.5 degrees, a saturation of 72.9% and a lightness of 46.3%. #20abcc color hex could be obtained by blending #40ffff with #005799. Closest websafe color is: #3399cc.
-
- R 13
- G 67
- B 80
-
- C 84
- M 16
- Y 0
- K 20
● #20abcc color description : Strong cyan.
#20abcc Color Conversion
The hexadecimal color #20abcc has RGB values of R:32, G:171, B:204 and CMYK values of C:0.84, M:0.16, Y:0, K:0.2. Its decimal value is 2141132.
Hex triplet | 20abcc | #20abcc |
---|---|---|
RGB Decimal | 32, 171, 204 | rgb(32,171,204) |
RGB Percent | 12.5, 67.1, 80 | rgb(12.5%,67.1%,80%) |
CMYK | 84, 16, 0, 20 | |
HSL | 191.5°, 72.9, 46.3 | hsl(191.5,72.9%,46.3%) |
HSV (or HSB) | 191.5°, 84.3, 80 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 64.796, -23.454, -26.71 |
---|---|
XYZ | 26.055, 33.79, 62.272 |
xyY | 0.213, 0.277, 33.79 |
CIE-LCH | 64.796, 35.546, 228.713 |
CIE-LUV | 64.796, -44.674, -38.577 |
Hunter-Lab | 58.129, -21.719, -22.825 |
Binary | 00100000, 10101011, 11001100 |
Color Schemes with #20abcc
Alternatives to #20abcc
Below, you can see some colors close to #20abcc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#20abcc Preview
This text has a font color of #20abcc.
<span style="color:#20abcc;">Text here</span>
This paragraph has a background color of #20abcc.
<p style="background-color:#20abcc;">Content here</p>
This element has a border color of #20abcc.
<div style="border:1px solid #20abcc;">Content here</div>
.text {color:#20abcc;}
.background {background-color:#20abcc;}
.border {border:1px solid #20abcc;}
Shades and Tints of #20abcc
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, #000001 is the darkest color, while #effafc is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#030f11
#030f11
rgb(3,15,17)
-
#051d22
#051d22
rgb(5,29,34)
-
#082b33
#082b33
rgb(8,43,51)
-
#0b3944
#0b3944
rgb(11,57,68)
-
#0d4855
#0d4855
rgb(13,72,85)
-
#105666
#105666
rgb(16,86,102)
-
#136477
#136477
rgb(19,100,119)
-
#157288
#157288
rgb(21,114,136)
-
#188099
#188099
rgb(24,128,153)
-
#1b8faa
#1b8faa
rgb(27,143,170)
-
#1d9dbb
#1d9dbb
rgb(29,157,187)
-
#20abcc
#20abcc
rgb(32,171,204)
-
#23b9dd
#23b9dd
rgb(35,185,221)
-
#34bedf
#34bedf
rgb(52,190,223)
-
#45c4e2
#45c4e2
rgb(69,196,226)
-
#56c9e4
#56c9e4
rgb(86,201,228)
-
#67cfe7
#67cfe7
rgb(103,207,231)
-
#78d4ea
#78d4ea
rgb(120,212,234)
-
#89d9ec
#89d9ec
rgb(137,217,236)
-
#9adfef
#9adfef
rgb(154,223,239)
-
#abe4f2
#abe4f2
rgb(171,228,242)
-
#bceaf4
#bceaf4
rgb(188,234,244)
-
#cdeff7
#cdeff7
rgb(205,239,247)
-
#def4fa
#def4fa
rgb(222,244,250)
-
#effafc
#effafc
rgb(239,250,252)
Tones of #20abcc
A tone is produced by adding gray to any pure hue. In this case, #72797a is the less saturated color, while #05bce7 is the most saturated one.
-
#72797a
#72797a
rgb(114,121,122)
-
#697e83
#697e83
rgb(105,126,131)
-
#60848c
#60848c
rgb(96,132,140)
-
#568996
#568996
rgb(86,137,150)
-
#4d8f9f
#4d8f9f
rgb(77,143,159)
-
#4495a8
#4495a8
rgb(68,149,168)
-
#3b9ab1
#3b9ab1
rgb(59,154,177)
-
#32a0ba
#32a0ba
rgb(50,160,186)
-
#29a5c3
#29a5c3
rgb(41,165,195)
-
#20abcc
#20abcc
rgb(32,171,204)
-
#17b1d5
#17b1d5
rgb(23,177,213)
-
#0eb6de
#0eb6de
rgb(14,182,222)
-
#05bce7
#05bce7
rgb(5,188,231)
Color Blindness Simulator
Below, you can see how #20abcc 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.