#3bd2f5 hex color

In a RGB color space, hex #3bd2f5 is composed of 23.1% red, 82.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 14.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 191.3 degrees, a saturation of 90.3% and a lightness of 59.6%. #3bd2f5 color hex could be obtained by blending #76ffff with #00a5eb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 23
- G 82
- B 96
RGB color chart
- C 76
- M 14
- Y 0
- K 4
CMYK color chart

● #3bd2f5 color description : Bright cyan.

The hexadecimal color #3bd2f5 has RGB values of R:59, G:210, B:245 and CMYK values of C:0.76, M:0.14, Y:0, K:0.04. Its decimal value is 3920629.

Hex triplet	3bd2f5	`#3bd2f5`
RGB Decimal	59, 210, 245	`rgb(59,210,245)`
RGB Percent	23.1, 82.4, 96.1	`rgb(23.1%,82.4%,96.1%)`
CMYK	76, 14, 0, 4
HSL	191.3°, 90.3, 59.6	`hsl(191.3,90.3%,59.6%)`
HSV (or HSB)	191.3°, 75.9, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.235, -27.391, -28.335
XYZ	41.327, 53.612, 94.551
xyY	0.218, 0.283, 53.612
CIE-LCH	78.235, 39.41, 225.97
CIE-LUV	78.235, -52.317, -41.721
Hunter-Lab	73.22, -27.386, -25.309
Binary	00111011, 11010010, 11110101

#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#f55e3b
```
#f55e3b rgb(245,94,59)
```

Complementary Color

#3bf5bb
```
#3bf5bb rgb(59,245,187)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#3b75f5
```
#3b75f5 rgb(59,117,245)
```

Analogous Color

#f5bb3b
```
#f5bb3b rgb(245,187,59)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#f53b75
```
#f53b75 rgb(245,59,117)
```

Split Complementary Color

#d2f53b
```
#d2f53b rgb(210,245,59)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#f53bd2
```
#f53bd2 rgb(245,59,210)
```

Triadic Color

#3bf55e
```
#3bf55e rgb(59,245,94)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#f53bd2
```
#f53bd2 rgb(245,59,210)
```
#f55e3b
```
#f55e3b rgb(245,94,59)
```

Tetradic Color

#0bb2d8
```
#0bb2d8 rgb(11,178,216)
```
#0cc6f1
```
#0cc6f1 rgb(12,198,241)
```
#23ccf4
```
#23ccf4 rgb(35,204,244)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#53d8f6
```
#53d8f6 rgb(83,216,246)
```
#6cddf7
```
#6cddf7 rgb(108,221,247)
```
#84e3f9
```
#84e3f9 rgb(132,227,249)
```

Monochromatic Color

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

#3bf5ea
```
#3bf5ea rgb(59,245,234)
```
#3bf1f5
```
#3bf1f5 rgb(59,241,245)
```
#3be2f5
```
#3be2f5 rgb(59,226,245)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#3bc3f5
```
#3bc3f5 rgb(59,195,245)
```
#3bb3f5
```
#3bb3f5 rgb(59,179,245)
```
#3ba4f5
```
#3ba4f5 rgb(59,164,245)
```

Similar Colors

Text with hexadecimal color #3bd2f5

This text has a font color of #3bd2f5.

<span style="color:#3bd2f5;">Text here</span>

#3bd2f5 background color

This paragraph has a background color of #3bd2f5.

<p style="background-color:#3bd2f5;">Content here</p>

#3bd2f5 border color

This element has a border color of #3bd2f5.

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

CSS codes

.text {color:#3bd2f5;}

.background {background-color:#3bd2f5;}

.border {border:1px solid #3bd2f5;}

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, #000809 is the darkest color, while #f6fdff is the lightest one.

#000809
```
#000809 rgb(0,8,9)
```
#01171c
```
#01171c rgb(1,23,28)
```
#02262f
```
#02262f rgb(2,38,47)
```
#033641
```
#033641 rgb(3,54,65)
```
#044554
```
#044554 rgb(4,69,84)
```
#055467
```
#055467 rgb(5,84,103)
```
#066479
```
#066479 rgb(6,100,121)
```
#07738c
```
#07738c rgb(7,115,140)
```
#08829f
```
#08829f rgb(8,130,159)
```
#0992b1
```
#0992b1 rgb(9,146,177)
```
#0aa1c4
```
#0aa1c4 rgb(10,161,196)
```
#0bb0d7
```
#0bb0d7 rgb(11,176,215)
```
#0cc0e9
```
#0cc0e9 rgb(12,192,233)
```

Shade Color Variation

#16c9f3
```
#16c9f3 rgb(22,201,243)
```
#28cef4
```
#28cef4 rgb(40,206,244)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#4ed6f6
```
#4ed6f6 rgb(78,214,246)
```
#60dbf7
```
#60dbf7 rgb(96,219,247)
```
#73dff8
```
#73dff8 rgb(115,223,248)
```
#86e3f9
```
#86e3f9 rgb(134,227,249)
```
#98e7fa
```
#98e7fa rgb(152,231,250)
```
#abecfb
```
#abecfb rgb(171,236,251)
```
#bef0fc
```
#bef0fc rgb(190,240,252)
```
#d0f4fd
```
#d0f4fd rgb(208,244,253)
```
#e3f9fe
```
#e3f9fe rgb(227,249,254)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #929c9e is the less saturated color, while #33d7fd is the most saturated one.

#929c9e
```
#929c9e rgb(146,156,158)
```
#8aa1a6
```
#8aa1a6 rgb(138,161,166)
```
#82a6ae
```
#82a6ae rgb(130,166,174)
```
#7aaab6
```
#7aaab6 rgb(122,170,182)
```
#72afbe
```
#72afbe rgb(114,175,190)
```
#6bb4c5
```
#6bb4c5 rgb(107,180,197)
```
#63b9cd
```
#63b9cd rgb(99,185,205)
```
#5bbed5
```
#5bbed5 rgb(91,190,213)
```
#53c3dd
```
#53c3dd rgb(83,195,221)
```
#4bc8e5
```
#4bc8e5 rgb(75,200,229)
```
#43cded
```
#43cded rgb(67,205,237)
```
#3bd2f5
```
#3bd2f5 rgb(59,210,245)
```
#33d7fd
```
#33d7fd rgb(51,215,253)
```

Tone Color Variation

Below, you can see how #3bd2f5 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

#a9a9a9 Achromatopsia 0.005% of the population
#93b1b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbc2ea Protanopia 1% of men
#b6c1fc Deuteranopia 1% of men
#33d6e6 Tritanopia 0.001% of the population

Trichromacy

#8cc8ee Protanomaly 1% of men, 0.01% of women
#89c7f9 Deuteranomaly 6% of men, 0.4% of women
#36d5eb Tritanomaly 0.01% of the population

#3bd2f5 hex color

#3bd2f5 Color Information

#3bd2f5 Color Conversion

Color Schemes with #3bd2f5

Alternatives to #3bd2f5

#3bd2f5 Preview

Shades and Tints of #3bd2f5

Tones of #3bd2f5

Color Blindness Simulator