#3bddf2 hex color

In a RGB color space, hex #3bddf2 is composed of 23.1% red, 86.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 8.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 186.9 degrees, a saturation of 87.6% and a lightness of 59%. #3bddf2 color hex could be obtained by blending #76ffff with #00bbe5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 23
- G 87
- B 95
RGB color chart
- C 76
- M 9
- Y 0
- K 5
CMYK color chart

● #3bddf2 color description : Bright cyan.

The hexadecimal color #3bddf2 has RGB values of R:59, G:221, B:242 and CMYK values of C:0.76, M:0.09, Y:0, K:0.05. Its decimal value is 3923442.

Hex triplet	3bddf2	`#3bddf2`
RGB Decimal	59, 221, 242	`rgb(59,221,242)`
RGB Percent	23.1, 86.7, 94.9	`rgb(23.1%,86.7%,94.9%)`
CMYK	76, 9, 0, 5
HSL	186.9°, 87.6, 59	`hsl(186.9,87.6%,59%)`
HSV (or HSB)	186.9°, 75.6, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.319, -33.62, -22.033
XYZ	43.682, 59.049, 93.095
xyY	0.223, 0.302, 59.049
CIE-LCH	81.319, 40.197, 213.239
CIE-LUV	81.319, -56.325, -30.294
Hunter-Lab	76.844, -33.006, -18.038
Binary	00111011, 11011101, 11110010

#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#f2503b
```
#f2503b rgb(242,80,59)
```

Complementary Color

#3bf2ac
```
#3bf2ac rgb(59,242,172)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#3b82f2
```
#3b82f2 rgb(59,130,242)
```

Analogous Color

#f2ac3b
```
#f2ac3b rgb(242,172,59)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#f23b82
```
#f23b82 rgb(242,59,130)
```

Split Complementary Color

#ddf23b
```
#ddf23b rgb(221,242,59)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#f23bdd
```
#f23bdd rgb(242,59,221)
```

Triadic Color

#3bf250
```
#3bf250 rgb(59,242,80)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#f23bdd
```
#f23bdd rgb(242,59,221)
```
#f2503b
```
#f2503b rgb(242,80,59)
```

Tetradic Color

#0ebcd3
```
#0ebcd3 rgb(14,188,211)
```
#10d1ea
```
#10d1ea rgb(16,209,234)
```
#23d9f0
```
#23d9f0 rgb(35,217,240)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#53e1f4
```
#53e1f4 rgb(83,225,244)
```
#6be5f5
```
#6be5f5 rgb(107,229,245)
```
#83e9f7
```
#83e9f7 rgb(131,233,247)
```

Monochromatic Color

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

#3bf2d9
```
#3bf2d9 rgb(59,242,217)
```
#3bf2e9
```
#3bf2e9 rgb(59,242,233)
```
#3becf2
```
#3becf2 rgb(59,236,242)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#3bcef2
```
#3bcef2 rgb(59,206,242)
```
#3bbff2
```
#3bbff2 rgb(59,191,242)
```
#3baff2
```
#3baff2 rgb(59,175,242)
```

Similar Colors

Text with hexadecimal color #3bddf2

This text has a font color of #3bddf2.

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

#3bddf2 background color

This paragraph has a background color of #3bddf2.

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

#3bddf2 border color

This element has a border color of #3bddf2.

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

CSS codes

.text {color:#3bddf2;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#021619
```
#021619 rgb(2,22,25)
```
#03272b
```
#03272b rgb(3,39,43)
```
#04373e
```
#04373e rgb(4,55,62)
```
#054750
```
#054750 rgb(5,71,80)
```
#075862
```
#075862 rgb(7,88,98)
```
#086875
```
#086875 rgb(8,104,117)
```
#097987
```
#097987 rgb(9,121,135)
```
#0a899a
```
#0a899a rgb(10,137,154)
```
#0b99ac
```
#0b99ac rgb(11,153,172)
```
#0daabe
```
#0daabe rgb(13,170,190)
```
#0ebad1
```
#0ebad1 rgb(14,186,209)
```
#0fcbe3
```
#0fcbe3 rgb(15,203,227)
```

Shade Color Variation

#16d7f0
```
#16d7f0 rgb(22,215,240)
```
#29daf1
```
#29daf1 rgb(41,218,241)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#4de0f3
```
#4de0f3 rgb(77,224,243)
```
#60e3f4
```
#60e3f4 rgb(96,227,244)
```
#72e7f6
```
#72e7f6 rgb(114,231,246)
```
#85eaf7
```
#85eaf7 rgb(133,234,247)
```
#97edf8
```
#97edf8 rgb(151,237,248)
```
#a9f0f9
```
#a9f0f9 rgb(169,240,249)
```
#bcf3fb
```
#bcf3fb rgb(188,243,251)
```
#cef7fc
```
#cef7fc rgb(206,247,252)
```
#e1fafd
```
#e1fafd rgb(225,250,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#93999a
```
#93999a rgb(147,153,154)
```
#8b9fa2
```
#8b9fa2 rgb(139,159,162)
```
#83a5aa
```
#83a5aa rgb(131,165,170)
```
#7babb2
```
#7babb2 rgb(123,171,178)
```
#73b2ba
```
#73b2ba rgb(115,178,186)
```
#6bb8c2
```
#6bb8c2 rgb(107,184,194)
```
#63beca
```
#63beca rgb(99,190,202)
```
#5bc4d2
```
#5bc4d2 rgb(91,196,210)
```
#53cada
```
#53cada rgb(83,202,218)
```
#4bd1e2
```
#4bd1e2 rgb(75,209,226)
```
#43d7ea
```
#43d7ea rgb(67,215,234)
```
#3bddf2
```
#3bddf2 rgb(59,221,242)
```
#33e3fa
```
#33e3fa rgb(51,227,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#98b8bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cbe6 Protanopia 1% of men
#c6c9fa Deuteranopia 1% of men
#42dfef Tritanopia 0.001% of the population

Trichromacy

#94d1ea Protanomaly 1% of men, 0.01% of women
#93d0f7 Deuteranomaly 6% of men, 0.4% of women
#3fdef0 Tritanomaly 0.01% of the population

#3bddf2 hex color

#3bddf2 Color Information

#3bddf2 Color Conversion

Color Schemes with #3bddf2

Alternatives to #3bddf2

#3bddf2 Preview

Shades and Tints of #3bddf2

Tones of #3bddf2

Color Blindness Simulator