#20f0ba hex color

In a RGB color space, hex #20f0ba is composed of 12.5% red, 94.1% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 0% magenta, 22.5% yellow and 5.9% black. It has a hue angle of 164.4 degrees, a saturation of 87.4% and a lightness of 53.3%. #20f0ba color hex could be obtained by blending #40ffff with #00e175. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 13
- G 94
- B 73
RGB color chart
- C 87
- M 0
- Y 23
- K 6
CMYK color chart

● #20f0ba color description : Vivid cyan - lime green.

The hexadecimal color #20f0ba has RGB values of R:32, G:240, B:186 and CMYK values of C:0.87, M:0, Y:0.23, K:0.06. Its decimal value is 2158778.

Hex triplet	20f0ba	`#20f0ba`
RGB Decimal	32, 240, 186	`rgb(32,240,186)`
RGB Percent	12.5, 94.1, 72.9	`rgb(12.5%,94.1%,72.9%)`
CMYK	87, 0, 23, 6
HSL	164.4°, 87.4, 53.3	`hsl(164.4,87.4%,53.3%)`
HSV (or HSB)	164.4°, 86.7, 94.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.082, -59.093, 13.013
XYZ	40.615, 66.168, 57.083
xyY	0.248, 0.404, 66.168
CIE-LCH	85.082, 60.509, 167.581
CIE-LUV	85.082, -69.626, 28.888
Hunter-Lab	81.344, -53.226, 15.334
Binary	00100000, 11110000, 10111010

#20f0ba
```
#20f0ba rgb(32,240,186)
```
#f02056
```
#f02056 rgb(240,32,86)
```

Complementary Color

#20f052
```
#20f052 rgb(32,240,82)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#20bef0
```
#20bef0 rgb(32,190,240)
```

Analogous Color

#f05220
```
#f05220 rgb(240,82,32)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#f020be
```
#f020be rgb(240,32,190)
```

Split Complementary Color

#f0ba20
```
#f0ba20 rgb(240,186,32)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#ba20f0
```
#ba20f0 rgb(186,32,240)
```

Triadic Color

#56f020
```
#56f020 rgb(86,240,32)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#ba20f0
```
#ba20f0 rgb(186,32,240)
```
#f02056
```
#f02056 rgb(240,32,86)
```

Tetradic Color

#0cb78b
```
#0cb78b rgb(12,183,139)
```
#0ecf9d
```
#0ecf9d rgb(14,207,157)
```
#10e7af
```
#10e7af rgb(16,231,175)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#38f2c1
```
#38f2c1 rgb(56,242,193)
```
#50f3c9
```
#50f3c9 rgb(80,243,201)
```
#68f5d0
```
#68f5d0 rgb(104,245,208)
```

Monochromatic Color

Below, you can see some colors close to #20f0ba. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#20f086
```
#20f086 rgb(32,240,134)
```
#20f097
```
#20f097 rgb(32,240,151)
```
#20f0a9
```
#20f0a9 rgb(32,240,169)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#20f0cb
```
#20f0cb rgb(32,240,203)
```
#20f0dd
```
#20f0dd rgb(32,240,221)
```
#20f0ee
```
#20f0ee rgb(32,240,238)
```

Similar Colors

Text with hexadecimal color #20f0ba

This text has a font color of #20f0ba.

<span style="color:#20f0ba;">Text here</span>

#20f0ba background color

This paragraph has a background color of #20f0ba.

<p style="background-color:#20f0ba;">Content here</p>

#20f0ba border color

This element has a border color of #20f0ba.

<div style="border:1px solid #20f0ba;">Content here</div>

CSS codes

.text {color:#20f0ba;}

.background {background-color:#20f0ba;}

.border {border:1px solid #20f0ba;}

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, #01100c is the darkest color, while #fdfffe is the lightest one.

#01100c
```
#01100c rgb(1,16,12)
```
#02221a
```
#02221a rgb(2,34,26)
```
#043528
```
#043528 rgb(4,53,40)
```
#054736
```
#054736 rgb(5,71,54)
```
#065944
```
#065944 rgb(6,89,68)
```
#076c52
```
#076c52 rgb(7,108,82)
```
#087e60
```
#087e60 rgb(8,126,96)
```
#0a916e
```
#0a916e rgb(10,145,110)
```
#0ba37c
```
#0ba37c rgb(11,163,124)
```
#0cb589
```
#0cb589 rgb(12,181,137)
```
#0dc897
```
#0dc897 rgb(13,200,151)
```
#0fdaa5
```
#0fdaa5 rgb(15,218,165)
```
#10ecb3
```
#10ecb3 rgb(16,236,179)
```

Shade Color Variation

#20f0ba
```
#20f0ba rgb(32,240,186)
```
#32f1c0
```
#32f1c0 rgb(50,241,192)
```
#45f2c5
```
#45f2c5 rgb(69,242,197)
```
#57f4cb
```
#57f4cb rgb(87,244,203)
```
#6af5d1
```
#6af5d1 rgb(106,245,209)
```
#7cf6d6
```
#7cf6d6 rgb(124,246,214)
```
#8ef7dc
```
#8ef7dc rgb(142,247,220)
```
#a1f9e2
```
#a1f9e2 rgb(161,249,226)
```
#b3fae7
```
#b3fae7 rgb(179,250,231)
```
#c5fbed
```
#c5fbed rgb(197,251,237)
```
#d8fcf3
```
#d8fcf3 rgb(216,252,243)
```
#eafef9
```
#eafef9 rgb(234,254,249)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858b8a is the less saturated color, while #17f9be is the most saturated one.

#858b8a
```
#858b8a rgb(133,139,138)
```
#7c948e
```
#7c948e rgb(124,148,142)
```
#729e92
```
#729e92 rgb(114,158,146)
```
#69a797
```
#69a797 rgb(105,167,151)
```
#60b09b
```
#60b09b rgb(96,176,155)
```
#57b9a0
```
#57b9a0 rgb(87,185,160)
```
#4ec2a4
```
#4ec2a4 rgb(78,194,164)
```
#45cba8
```
#45cba8 rgb(69,203,168)
```
#3bd5ad
```
#3bd5ad rgb(59,213,173)
```
#32deb1
```
#32deb1 rgb(50,222,177)
```
#29e7b6
```
#29e7b6 rgb(41,231,182)
```
#20f0ba
```
#20f0ba rgb(32,240,186)
```
#17f9be
```
#17f9be rgb(23,249,190)
```

Tone Color Variation

Below, you can see how #20f0ba 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.

Monochromacy

#acacac Achromatopsia 0.005% of the population
#90baaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d6b1 Protanopia 1% of men
#efcfc9 Deuteranopia 1% of men
#5fe8f9 Tritanopia 0.001% of the population

Trichromacy

#9cdfb4 Protanomaly 1% of men, 0.01% of women
#a4dbc3 Deuteranomaly 6% of men, 0.4% of women
#48ebe2 Tritanomaly 0.01% of the population

#20f0ba hex color

#20f0ba Color Information

#20f0ba Color Conversion

Color Schemes with #20f0ba

Alternatives to #20f0ba

#20f0ba Preview

Shades and Tints of #20f0ba

Tones of #20f0ba

Color Blindness Simulator