#3cb1b2 hex color

In a RGB color space, hex #3cb1b2 is composed of 23.5% red, 69.4% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 180.5 degrees, a saturation of 49.6% and a lightness of 46.7%. #3cb1b2 color hex could be obtained by blending #78ffff with #006365. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 69
- B 70
RGB color chart
- C 66
- M 1
- Y 0
- K 30
CMYK color chart

● #3cb1b2 color description : Dark moderate cyan.

The hexadecimal color #3cb1b2 has RGB values of R:60, G:177, B:178 and CMYK values of C:0.66, M:0.01, Y:0, K:0.3. Its decimal value is 3977650.

Hex triplet	3cb1b2	`#3cb1b2`
RGB Decimal	60, 177, 178	`rgb(60,177,178)`
RGB Percent	23.5, 69.4, 69.8	`rgb(23.5%,69.4%,69.8%)`
CMYK	66, 1, 0, 30
HSL	180.5°, 49.6, 46.7	`hsl(180.5,49.6%,46.7%)`
HSV (or HSB)	180.5°, 66.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	66.226, -31.442, -10.066
XYZ	25.619, 35.617, 47.642
xyY	0.235, 0.327, 35.617
CIE-LCH	66.226, 33.013, 197.752
CIE-LUV	66.226, -44.793, -10.527
Hunter-Lab	59.68, -27.815, -5.554
Binary	00111100, 10110001, 10110010

#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#b23d3c
```
#b23d3c rgb(178,61,60)
```

Complementary Color

#3cb278
```
#3cb278 rgb(60,178,120)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#3c76b2
```
#3c76b2 rgb(60,118,178)
```

Analogous Color

#b2783c
```
#b2783c rgb(178,120,60)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#b23c76
```
#b23c76 rgb(178,60,118)
```

Split Complementary Color

#b1b23c
```
#b1b23c rgb(177,178,60)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#b23cb1
```
#b23cb1 rgb(178,60,177)
```

Triadic Color

#3cb23d
```
#3cb23d rgb(60,178,61)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#b23cb1
```
#b23cb1 rgb(178,60,177)
```
#b23d3c
```
#b23d3c rgb(178,61,60)
```

Tetradic Color

#297879
```
#297879 rgb(41,120,121)
```
#2f8b8c
```
#2f8b8c rgb(47,139,140)
```
#369e9f
```
#369e9f rgb(54,158,159)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#47c0c1
```
#47c0c1 rgb(71,192,193)
```
#5ac6c7
```
#5ac6c7 rgb(90,198,199)
```
#6dcdce
```
#6dcdce rgb(109,205,206)
```

Monochromatic Color

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

#3cb296
```
#3cb296 rgb(60,178,150)
```
#3cb29f
```
#3cb29f rgb(60,178,159)
```
#3cb2a9
```
#3cb2a9 rgb(60,178,169)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#3ca7b2
```
#3ca7b2 rgb(60,167,178)
```
#3c9db2
```
#3c9db2 rgb(60,157,178)
```
#3c94b2
```
#3c94b2 rgb(60,148,178)
```

Similar Colors

Text with hexadecimal color #3cb1b2

This text has a font color of #3cb1b2.

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

#3cb1b2 background color

This paragraph has a background color of #3cb1b2.

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

#3cb1b2 border color

This element has a border color of #3cb1b2.

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

CSS codes

.text {color:#3cb1b2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#061111
```
#061111 rgb(6,17,17)
```
#0b1f1f
```
#0b1f1f rgb(11,31,31)
```
#0f2e2e
```
#0f2e2e rgb(15,46,46)
```
#143c3d
```
#143c3d rgb(20,60,61)
```
#194b4b
```
#194b4b rgb(25,75,75)
```
#1e595a
```
#1e595a rgb(30,89,90)
```
#236869
```
#236869 rgb(35,104,105)
```
#287777
```
#287777 rgb(40,119,119)
```
#2d8586
```
#2d8586 rgb(45,133,134)
```
#329495
```
#329495 rgb(50,148,149)
```
#37a2a3
```
#37a2a3 rgb(55,162,163)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```

Shade Color Variation

#42bebf
```
#42bebf rgb(66,190,191)
```
#51c3c4
```
#51c3c4 rgb(81,195,196)
```
#60c8c9
```
#60c8c9 rgb(96,200,201)
```
#6ecdce
```
#6ecdce rgb(110,205,206)
```
#7dd2d3
```
#7dd2d3 rgb(125,210,211)
```
#8cd7d8
```
#8cd7d8 rgb(140,215,216)
```
#9adcdd
```
#9adcdd rgb(154,220,221)
```
#a9e2e2
```
#a9e2e2 rgb(169,226,226)
```
#b8e7e7
```
#b8e7e7 rgb(184,231,231)
```
#c6ecec
```
#c6ecec rgb(198,236,236)
```
#d5f1f1
```
#d5f1f1 rgb(213,241,241)
```
#e4f6f6
```
#e4f6f6 rgb(228,246,246)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #737b7b is the less saturated color, while #05e7e9 is the most saturated one.

#737b7b
```
#737b7b rgb(115,123,123)
```
#6a8484
```
#6a8484 rgb(106,132,132)
```
#618d8d
```
#618d8d rgb(97,141,141)
```
#579697
```
#579697 rgb(87,150,151)
```
#4e9fa0
```
#4e9fa0 rgb(78,159,160)
```
#45a8a9
```
#45a8a9 rgb(69,168,169)
```
#3cb1b2
```
#3cb1b2 rgb(60,177,178)
```
#33babb
```
#33babb rgb(51,186,187)
```
#2ac3c4
```
#2ac3c4 rgb(42,195,196)
```
#21cccd
```
#21cccd rgb(33,204,205)
```
#17d5d7
```
#17d5d7 rgb(23,213,215)
```
#0edee0
```
#0edee0 rgb(14,222,224)
```
#05e7e9
```
#05e7e9 rgb(5,231,233)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7e9595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6a4ac Protanopia 1% of men
#a9a2bc Deuteranopia 1% of men
#4cb3c0 Tritanopia 0.001% of the population

Trichromacy

#7fa9ae Protanomaly 1% of men, 0.01% of women
#81a7b8 Deuteranomaly 6% of men, 0.4% of women
#46b2bb Tritanomaly 0.01% of the population

#3cb1b2 hex color

#3cb1b2 Color Information

#3cb1b2 Color Conversion

Color Schemes with #3cb1b2

Alternatives to #3cb1b2

#3cb1b2 Preview

Shades and Tints of #3cb1b2

Tones of #3cb1b2

Color Blindness Simulator