#3bc5ca hex color

In a RGB color space, hex #3bc5ca is composed of 23.1% red, 77.3% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 2.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 182.1 degrees, a saturation of 57.4% and a lightness of 51.2%. #3bc5ca color hex could be obtained by blending #76ffff with #008b95. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 77
- B 79
RGB color chart
- C 71
- M 2
- Y 0
- K 21
CMYK color chart

● #3bc5ca color description : Moderate cyan.

The hexadecimal color #3bc5ca has RGB values of R:59, G:197, B:202 and CMYK values of C:0.71, M:0.02, Y:0, K:0.21. Its decimal value is 3917258.

Hex triplet	3bc5ca	`#3bc5ca`
RGB Decimal	59, 197, 202	`rgb(59,197,202)`
RGB Percent	23.1, 77.3, 79.2	`rgb(23.1%,77.3%,79.2%)`
CMYK	71, 2, 0, 21
HSL	182.1°, 57.4, 51.2	`hsl(182.1,57.4%,51.2%)`
HSV (or HSB)	182.1°, 70.8, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.973, -34.128, -13.144
XYZ	32.427, 45.124, 62.875
xyY	0.231, 0.321, 45.124
CIE-LCH	72.973, 36.572, 201.064
CIE-LUV	72.973, -50.641, -15.223
Hunter-Lab	67.174, -31.386, -8.473
Binary	00111011, 11000101, 11001010

#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#ca403b
```
#ca403b rgb(202,64,59)
```

Complementary Color

#3bca88
```
#3bca88 rgb(59,202,136)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#3b7eca
```
#3b7eca rgb(59,126,202)
```

Analogous Color

#ca883b
```
#ca883b rgb(202,136,59)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#ca3b7e
```
#ca3b7e rgb(202,59,126)
```

Split Complementary Color

#c5ca3b
```
#c5ca3b rgb(197,202,59)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#ca3bc5
```
#ca3bc5 rgb(202,59,197)
```

Triadic Color

#3bca40
```
#3bca40 rgb(59,202,64)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#ca3bc5
```
#ca3bc5 rgb(202,59,197)
```
#ca403b
```
#ca403b rgb(202,64,59)
```

Tetradic Color

#278e91
```
#278e91 rgb(39,142,145)
```
#2da1a5
```
#2da1a5 rgb(45,161,165)
```
#32b5b9
```
#32b5b9 rgb(50,181,185)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#4fcbcf
```
#4fcbcf rgb(79,203,207)
```
#63d1d5
```
#63d1d5 rgb(99,209,213)
```
#77d7da
```
#77d7da rgb(119,215,218)
```

Monochromatic Color

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

#3bcaab
```
#3bcaab rgb(59,202,171)
```
#3bcab7
```
#3bcab7 rgb(59,202,183)
```
#3bcac3
```
#3bcac3 rgb(59,202,195)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#3bb9ca
```
#3bb9ca rgb(59,185,202)
```
#3badca
```
#3badca rgb(59,173,202)
```
#3ba1ca
```
#3ba1ca rgb(59,161,202)
```

Similar Colors

Text with hexadecimal color #3bc5ca

This text has a font color of #3bc5ca.

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

#3bc5ca background color

This paragraph has a background color of #3bc5ca.

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

#3bc5ca border color

This element has a border color of #3bc5ca.

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

CSS codes

.text {color:#3bc5ca;}

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

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

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

#010505
```
#010505 rgb(1,5,5)
```
#051414
```
#051414 rgb(5,20,20)
```
#0a2324
```
#0a2324 rgb(10,35,36)
```
#0e3233
```
#0e3233 rgb(14,50,51)
```
#124142
```
#124142 rgb(18,65,66)
```
#165052
```
#165052 rgb(22,80,82)
```
#1a5f61
```
#1a5f61 rgb(26,95,97)
```
#1f6e71
```
#1f6e71 rgb(31,110,113)
```
#237d80
```
#237d80 rgb(35,125,128)
```
#278c90
```
#278c90 rgb(39,140,144)
```
#2b9b9f
```
#2b9b9f rgb(43,155,159)
```
#2faaaf
```
#2faaaf rgb(47,170,175)
```
#33b9be
```
#33b9be rgb(51,185,190)
```

Shade Color Variation

#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#4acace
```
#4acace rgb(74,202,206)
```
#5aced2
```
#5aced2 rgb(90,206,210)
```
#69d3d7
```
#69d3d7 rgb(105,211,215)
```
#79d7db
```
#79d7db rgb(121,215,219)
```
#88dcdf
```
#88dcdf rgb(136,220,223)
```
#98e0e3
```
#98e0e3 rgb(152,224,227)
```
#a7e5e7
```
#a7e5e7 rgb(167,229,231)
```
#b7eaeb
```
#b7eaeb rgb(183,234,235)
```
#c6eef0
```
#c6eef0 rgb(198,238,240)
```
#d5f3f4
```
#d5f3f4 rgb(213,243,244)
```
#e5f7f8
```
#e5f7f8 rgb(229,247,248)
```
#f4fcfc
```
#f4fcfc rgb(244,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e8787 is the less saturated color, while #0bf2fa is the most saturated one.

#7e8787
```
#7e8787 rgb(126,135,135)
```
#749091
```
#749091 rgb(116,144,145)
```
#6b989a
```
#6b989a rgb(107,152,154)
```
#61a1a4
```
#61a1a4 rgb(97,161,164)
```
#58aaad
```
#58aaad rgb(88,170,173)
```
#4eb3b7
```
#4eb3b7 rgb(78,179,183)
```
#45bcc0
```
#45bcc0 rgb(69,188,192)
```
#3bc5ca
```
#3bc5ca rgb(59,197,202)
```
#31ced4
```
#31ced4 rgb(49,206,212)
```
#28d7dd
```
#28d7dd rgb(40,215,221)
```
#1ee0e7
```
#1ee0e7 rgb(30,224,231)
```
#15e9f0
```
#15e9f0 rgb(21,233,240)
```
#0bf2fa
```
#0bf2fa rgb(11,242,250)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#89a4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b5c2 Protanopia 1% of men
#b8b3d4 Deuteranopia 1% of men
#4bc6d5 Tritanopia 0.001% of the population

Trichromacy

#89bbc5 Protanomaly 1% of men, 0.01% of women
#8bb9d0 Deuteranomaly 6% of men, 0.4% of women
#45c6d1 Tritanomaly 0.01% of the population

#3bc5ca hex color

#3bc5ca Color Information

#3bc5ca Color Conversion

Color Schemes with #3bc5ca

Alternatives to #3bc5ca

#3bc5ca Preview

Shades and Tints of #3bc5ca

Tones of #3bc5ca

Color Blindness Simulator