#20bdfd hex color

In a RGB color space, hex #20bdfd is composed of 12.5% red, 74.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 87.4% cyan, 25.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 197.4 degrees, a saturation of 98.2% and a lightness of 55.9%. #20bdfd color hex could be obtained by blending #40ffff with #007bfb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 13
- G 74
- B 99
RGB color chart
- C 87
- M 25
- Y 0
- K 1
CMYK color chart

● #20bdfd color description : Vivid blue.

The hexadecimal color #20bdfd has RGB values of R:32, G:189, B:253 and CMYK values of C:0.87, M:0.25, Y:0, K:0.01. Its decimal value is 2145789.

Hex triplet	20bdfd	`#20bdfd`
RGB Decimal	32, 189, 253	`rgb(32,189,253)`
RGB Percent	12.5, 74.1, 99.2	`rgb(12.5%,74.1%,99.2%)`
CMYK	87, 25, 0, 1
HSL	197.4°, 98.2, 55.9	`hsl(197.4,98.2%,55.9%)`
HSV (or HSB)	197.4°, 87.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	72.088, -16.2, -42.173
XYZ	36.518, 43.791, 99.451
xyY	0.203, 0.244, 43.791
CIE-LCH	72.088, 45.178, 248.987
CIE-LUV	72.088, -47.372, -66.476
Hunter-Lab	66.175, -17.3, -42.782
Binary	00100000, 10111101, 11111101

#20bdfd
```
#20bdfd rgb(32,189,253)
```
#fd6020
```
#fd6020 rgb(253,96,32)
```

Complementary Color

#20fdcf
```
#20fdcf rgb(32,253,207)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#204ffd
```
#204ffd rgb(32,79,253)
```

Analogous Color

#fdcf20
```
#fdcf20 rgb(253,207,32)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#fd204f
```
#fd204f rgb(253,32,79)
```

Split Complementary Color

#bdfd20
```
#bdfd20 rgb(189,253,32)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#fd20bd
```
#fd20bd rgb(253,32,189)
```

Triadic Color

#20fd60
```
#20fd60 rgb(32,253,96)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#fd20bd
```
#fd20bd rgb(253,32,189)
```
#fd6020
```
#fd6020 rgb(253,96,32)
```

Tetradic Color

#0293cf
```
#0293cf rgb(2,147,207)
```
#02a5e8
```
#02a5e8 rgb(2,165,232)
```
#07b6fd
```
#07b6fd rgb(7,182,253)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#39c4fd
```
#39c4fd rgb(57,196,253)
```
#53ccfd
```
#53ccfd rgb(83,204,253)
```
#6cd3fe
```
#6cd3fe rgb(108,211,254)
```

Monochromatic Color

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

#20f4fd
```
#20f4fd rgb(32,244,253)
```
#20e2fd
```
#20e2fd rgb(32,226,253)
```
#20cffd
```
#20cffd rgb(32,207,253)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#20abfd
```
#20abfd rgb(32,171,253)
```
#2098fd
```
#2098fd rgb(32,152,253)
```
#2086fd
```
#2086fd rgb(32,134,253)
```

Similar Colors

Text with hexadecimal color #20bdfd

This text has a font color of #20bdfd.

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

#20bdfd background color

This paragraph has a background color of #20bdfd.

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

#20bdfd border color

This element has a border color of #20bdfd.

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

CSS codes

.text {color:#20bdfd;}

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

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

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, #00070a is the darkest color, while #f6fcff is the lightest one.

#00070a
```
#00070a rgb(0,7,10)
```
#00151e
```
#00151e rgb(0,21,30)
```
#002331
```
#002331 rgb(0,35,49)
```
#013145
```
#013145 rgb(1,49,69)
```
#013f58
```
#013f58 rgb(1,63,88)
```
#014d6b
```
#014d6b rgb(1,77,107)
```
#015b7f
```
#015b7f rgb(1,91,127)
```
#016892
```
#016892 rgb(1,104,146)
```
#0176a6
```
#0176a6 rgb(1,118,166)
```
#0284b9
```
#0284b9 rgb(2,132,185)
```
#0292cd
```
#0292cd rgb(2,146,205)
```
#02a0e0
```
#02a0e0 rgb(2,160,224)
```
#02aef4
```
#02aef4 rgb(2,174,244)
```

Shade Color Variation

#0db7fd
```
#0db7fd rgb(13,183,253)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```
#33c3fd
```
#33c3fd rgb(51,195,253)
```
#47c9fd
```
#47c9fd rgb(71,201,253)
```
#5acefe
```
#5acefe rgb(90,206,254)
```
#6ed4fe
```
#6ed4fe rgb(110,212,254)
```
#81dafe
```
#81dafe rgb(129,218,254)
```
#95e0fe
```
#95e0fe rgb(149,224,254)
```
#a8e5fe
```
#a8e5fe rgb(168,229,254)
```
#bcebfe
```
#bcebfe rgb(188,235,254)
```
#cff1ff
```
#cff1ff rgb(207,241,255)
```
#e2f7ff
```
#e2f7ff rgb(226,247,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#889195
```
#889195 rgb(136,145,149)
```
#7f959e
```
#7f959e rgb(127,149,158)
```
#7799a6
```
#7799a6 rgb(119,153,166)
```
#6e9caf
```
#6e9caf rgb(110,156,175)
```
#65a0b8
```
#65a0b8 rgb(101,160,184)
```
#5da4c0
```
#5da4c0 rgb(93,164,192)
```
#54a7c9
```
#54a7c9 rgb(84,167,201)
```
#4babd2
```
#4babd2 rgb(75,171,210)
```
#43aeda
```
#43aeda rgb(67,174,218)
```
#3ab2e3
```
#3ab2e3 rgb(58,178,227)
```
#31b6ec
```
#31b6ec rgb(49,182,236)
```
#29b9f4
```
#29b9f4 rgb(41,185,244)
```
#20bdfd
```
#20bdfd rgb(32,189,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#7e9daa Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fb2f3 Protanopia 1% of men
#92b3ff Deuteranopia 1% of men
#00c6d4 Tritanopia 0.001% of the population

Trichromacy

#71b6f6 Protanomaly 1% of men, 0.01% of women
#68b7fe Deuteranomaly 6% of men, 0.4% of women
#0bc2e2 Tritanomaly 0.01% of the population

#20bdfd hex color

#20bdfd Color Information

#20bdfd Color Conversion

Color Schemes with #20bdfd

Alternatives to #20bdfd

#20bdfd Preview

Shades and Tints of #20bdfd

Tones of #20bdfd

Color Blindness Simulator