#3dd6f5 hex color

In a RGB color space, hex #3dd6f5 is composed of 23.9% red, 83.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 12.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 190.1 degrees, a saturation of 90.2% and a lightness of 60%. #3dd6f5 color hex could be obtained by blending #7affff with #00adeb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 24
- G 84
- B 96
RGB color chart
- C 75
- M 13
- Y 0
- K 4
CMYK color chart

● #3dd6f5 color description : Bright cyan.

The hexadecimal color #3dd6f5 has RGB values of R:61, G:214, B:245 and CMYK values of C:0.75, M:0.13, Y:0, K:0.04. Its decimal value is 4052725.

Hex triplet	3dd6f5	`#3dd6f5`
RGB Decimal	61, 214, 245	`rgb(61,214,245)`
RGB Percent	23.9, 83.9, 96.1	`rgb(23.9%,83.9%,96.1%)`
CMYK	75, 13, 0, 4
HSL	190.1°, 90.2, 60	`hsl(190.1,90.2%,60%)`
HSV (or HSB)	190.1°, 75.1, 96.1
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.428, -29.14, -26.506
XYZ	42.448, 55.674, 94.89
xyY	0.22, 0.288, 55.674
CIE-LCH	79.428, 39.392, 222.29
CIE-LUV	79.428, -53.433, -38.423
Hunter-Lab	74.615, -29.029, -23.17
Binary	00111101, 11010110, 11110101

#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#f55c3d
```
#f55c3d rgb(245,92,61)
```

Complementary Color

#3df5b8
```
#3df5b8 rgb(61,245,184)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#3d7af5
```
#3d7af5 rgb(61,122,245)
```

Analogous Color

#f5b83d
```
#f5b83d rgb(245,184,61)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#f53d7a
```
#f53d7a rgb(245,61,122)
```

Split Complementary Color

#d6f53d
```
#d6f53d rgb(214,245,61)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#f53dd6
```
#f53dd6 rgb(245,61,214)
```

Triadic Color

#3df55c
```
#3df55c rgb(61,245,92)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#f53dd6
```
#f53dd6 rgb(245,61,214)
```
#f55c3d
```
#f55c3d rgb(245,92,61)
```

Tetradic Color

#0bb7da
```
#0bb7da rgb(11,183,218)
```
#0dccf3
```
#0dccf3 rgb(13,204,243)
```
#25d1f4
```
#25d1f4 rgb(37,209,244)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#55dbf6
```
#55dbf6 rgb(85,219,246)
```
#6ee0f8
```
#6ee0f8 rgb(110,224,248)
```
#86e5f9
```
#86e5f9 rgb(134,229,249)
```

Monochromatic Color

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

#3df5e6
```
#3df5e6 rgb(61,245,230)
```
#3df5f5
```
#3df5f5 rgb(61,245,245)
```
#3de5f5
```
#3de5f5 rgb(61,229,245)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#3dc7f5
```
#3dc7f5 rgb(61,199,245)
```
#3db7f5
```
#3db7f5 rgb(61,183,245)
```
#3da8f5
```
#3da8f5 rgb(61,168,245)
```

Similar Colors

Text with hexadecimal color #3dd6f5

This text has a font color of #3dd6f5.

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

#3dd6f5 background color

This paragraph has a background color of #3dd6f5.

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

#3dd6f5 border color

This element has a border color of #3dd6f5.

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

CSS codes

.text {color:#3dd6f5;}

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

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

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, #01090b is the darkest color, while #f8fdff is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#02191e
```
#02191e rgb(2,25,30)
```
#022931
```
#022931 rgb(2,41,49)
```
#033843
```
#033843 rgb(3,56,67)
```
#044856
```
#044856 rgb(4,72,86)
```
#055868
```
#055868 rgb(5,88,104)
```
#06677b
```
#06677b rgb(6,103,123)
```
#07778e
```
#07778e rgb(7,119,142)
```
#0887a0
```
#0887a0 rgb(8,135,160)
```
#0996b3
```
#0996b3 rgb(9,150,179)
```
#0aa6c6
```
#0aa6c6 rgb(10,166,198)
```
#0bb6d8
```
#0bb6d8 rgb(11,182,216)
```
#0cc5eb
```
#0cc5eb rgb(12,197,235)
```

Shade Color Variation

#18cef3
```
#18cef3 rgb(24,206,243)
```
#2ad2f4
```
#2ad2f4 rgb(42,210,244)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#50daf6
```
#50daf6 rgb(80,218,246)
```
#62def7
```
#62def7 rgb(98,222,247)
```
#75e2f8
```
#75e2f8 rgb(117,226,248)
```
#88e6f9
```
#88e6f9 rgb(136,230,249)
```
#9aeafa
```
#9aeafa rgb(154,234,250)
```
#adeefb
```
#adeefb rgb(173,238,251)
```
#c0f2fc
```
#c0f2fc rgb(192,242,252)
```
#d2f6fd
```
#d2f6fd rgb(210,246,253)
```
#e5f9fe
```
#e5f9fe rgb(229,249,254)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939d9f is the less saturated color, while #35dbfd is the most saturated one.

#939d9f
```
#939d9f rgb(147,157,159)
```
#8ba2a7
```
#8ba2a7 rgb(139,162,167)
```
#84a7ae
```
#84a7ae rgb(132,167,174)
```
#7cacb6
```
#7cacb6 rgb(124,172,182)
```
#74b2be
```
#74b2be rgb(116,178,190)
```
#6cb7c6
```
#6cb7c6 rgb(108,183,198)
```
#64bcce
```
#64bcce rgb(100,188,206)
```
#5cc1d6
```
#5cc1d6 rgb(92,193,214)
```
#55c6dd
```
#55c6dd rgb(85,198,221)
```
#4dcce5
```
#4dcce5 rgb(77,204,229)
```
#45d1ed
```
#45d1ed rgb(69,209,237)
```
#3dd6f5
```
#3dd6f5 rgb(61,214,245)
```
#35dbfd
```
#35dbfd rgb(53,219,253)
```

Tone Color Variation

Below, you can see how #3dd6f5 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
#96b4bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc6ea Protanopia 1% of men
#bcc4fd Deuteranopia 1% of men
#3adaea Tritanopia 0.001% of the population

Trichromacy

#90cbee Protanomaly 1% of men, 0.01% of women
#8dcafa Deuteranomaly 6% of men, 0.4% of women
#3bd8ee Tritanomaly 0.01% of the population

#3dd6f5 hex color

#3dd6f5 Color Information

#3dd6f5 Color Conversion

Color Schemes with #3dd6f5

Alternatives to #3dd6f5

#3dd6f5 Preview

Shades and Tints of #3dd6f5

Tones of #3dd6f5

Color Blindness Simulator