#20bfdd hex color

In a RGB color space, hex #20bfdd is composed of 12.5% red, 74.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 13.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 189.5 degrees, a saturation of 74.7% and a lightness of 49.6%. #20bfdd color hex could be obtained by blending #40ffff with #007fbb. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 13
- G 75
- B 87
RGB color chart
- C 86
- M 14
- Y 0
- K 13
CMYK color chart

● #20bfdd color description : Vivid cyan.

The hexadecimal color #20bfdd has RGB values of R:32, G:191, B:221 and CMYK values of C:0.86, M:0.14, Y:0, K:0.13. Its decimal value is 2146269.

Hex triplet	20bfdd	`#20bfdd`
RGB Decimal	32, 191, 221	`rgb(32,191,221)`
RGB Percent	12.5, 74.9, 86.7	`rgb(12.5%,74.9%,86.7%)`
CMYK	86, 14, 0, 13
HSL	189.5°, 74.7, 49.6	`hsl(189.5,74.7%,49.6%)`
HSV (or HSB)	189.5°, 85.5, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.409, -27.94, -25.892
XYZ	32.274, 42.786, 74.96
xyY	0.215, 0.285, 42.786
CIE-LCH	71.409, 38.093, 222.822
CIE-LUV	71.409, -50.344, -37.109
Hunter-Lab	65.411, -26.397, -22.158
Binary	00100000, 10111111, 11011101

#20bfdd
```
#20bfdd rgb(32,191,221)
```
#dd3e20
```
#dd3e20 rgb(221,62,32)
```

Complementary Color

#20dd9d
```
#20dd9d rgb(32,221,157)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#2061dd
```
#2061dd rgb(32,97,221)
```

Analogous Color

#dd9d20
```
#dd9d20 rgb(221,157,32)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#dd2060
```
#dd2060 rgb(221,32,96)
```

Split Complementary Color

#bfdd20
```
#bfdd20 rgb(191,221,32)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#dd20bf
```
#dd20bf rgb(221,32,191)
```

Triadic Color

#20dd3e
```
#20dd3e rgb(32,221,62)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#dd20bf
```
#dd20bf rgb(221,32,191)
```
#dd3e20
```
#dd3e20 rgb(221,62,32)
```

Tetradic Color

#16859a
```
#16859a rgb(22,133,154)
```
#1a98b0
```
#1a98b0 rgb(26,152,176)
```
#1dacc7
```
#1dacc7 rgb(29,172,199)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#35c6e2
```
#35c6e2 rgb(53,198,226)
```
#4bcde5
```
#4bcde5 rgb(75,205,229)
```
#61d3e8
```
#61d3e8 rgb(97,211,232)
```

Monochromatic Color

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

#20ddcc
```
#20ddcc rgb(32,221,204)
```
#20dddc
```
#20dddc rgb(32,221,220)
```
#20cfdd
```
#20cfdd rgb(32,207,221)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#20afdd
```
#20afdd rgb(32,175,221)
```
#20a0dd
```
#20a0dd rgb(32,160,221)
```
#2090dd
```
#2090dd rgb(32,144,221)
```

Similar Colors

Text with hexadecimal color #20bfdd

This text has a font color of #20bfdd.

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

#20bfdd background color

This paragraph has a background color of #20bfdd.

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

#20bfdd border color

This element has a border color of #20bfdd.

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

CSS codes

.text {color:#20bfdd;}

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

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

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, #020d0f is the darkest color, while #fdffff is the lightest one.

#020d0f
```
#020d0f rgb(2,13,15)
```
#051c21
```
#051c21 rgb(5,28,33)
```
#072b32
```
#072b32 rgb(7,43,50)
```
#0a3a43
```
#0a3a43 rgb(10,58,67)
```
#0c4954
```
#0c4954 rgb(12,73,84)
```
#0f5765
```
#0f5765 rgb(15,87,101)
```
#116676
```
#116676 rgb(17,102,118)
```
#147587
```
#147587 rgb(20,117,135)
```
#168498
```
#168498 rgb(22,132,152)
```
#1993aa
```
#1993aa rgb(25,147,170)
```
#1ba1bb
```
#1ba1bb rgb(27,161,187)
```
#1eb0cc
```
#1eb0cc rgb(30,176,204)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```

Shade Color Variation

#30c5e1
```
#30c5e1 rgb(48,197,225)
```
#41cae3
```
#41cae3 rgb(65,202,227)
```
#52cee6
```
#52cee6 rgb(82,206,230)
```
#63d3e8
```
#63d3e8 rgb(99,211,232)
```
#74d8eb
```
#74d8eb rgb(116,216,235)
```
#85dded
```
#85dded rgb(133,221,237)
```
#96e2f0
```
#96e2f0 rgb(150,226,240)
```
#a8e6f2
```
#a8e6f2 rgb(168,230,242)
```
#b9ebf5
```
#b9ebf5 rgb(185,235,245)
```
#caf0f7
```
#caf0f7 rgb(202,240,247)
```
#dbf5fa
```
#dbf5fa rgb(219,245,250)
```
#ecfafc
```
#ecfafc rgb(236,250,252)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788385 is the less saturated color, while #03d3fa is the most saturated one.

#788385
```
#788385 rgb(120,131,133)
```
#6e8a8f
```
#6e8a8f rgb(110,138,143)
```
#649199
```
#649199 rgb(100,145,153)
```
#5a97a3
```
#5a97a3 rgb(90,151,163)
```
#519eac
```
#519eac rgb(81,158,172)
```
#47a4b6
```
#47a4b6 rgb(71,164,182)
```
#3dabc0
```
#3dabc0 rgb(61,171,192)
```
#33b2ca
```
#33b2ca rgb(51,178,202)
```
#2ab8d3
```
#2ab8d3 rgb(42,184,211)
```
#20bfdd
```
#20bfdd rgb(32,191,221)
```
#16c6e7
```
#16c6e7 rgb(22,198,231)
```
#0dccf0
```
#0dccf0 rgb(13,204,240)
```
#03d3fa
```
#03d3fa rgb(3,211,250)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7c9ca2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb1d4 Protanopia 1% of men
#a6b0e5 Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#78b6d7 Protanomaly 1% of men, 0.01% of women
#75b5e2 Deuteranomaly 6% of men, 0.4% of women
#0bc2d6 Tritanomaly 0.01% of the population

#20bfdd hex color

#20bfdd Color Information

#20bfdd Color Conversion

Color Schemes with #20bfdd

Alternatives to #20bfdd

#20bfdd Preview

Shades and Tints of #20bfdd

Tones of #20bfdd

Color Blindness Simulator