#3cb1ca hex color

In a RGB color space, hex #3cb1ca is composed of 23.5% red, 69.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 70.3% cyan, 12.4% magenta, 0% yellow and 20.8% black. It has a hue angle of 190.6 degrees, a saturation of 57.3% and a lightness of 51.4%. #3cb1ca color hex could be obtained by blending #78ffff with #006395. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 69
- B 79
RGB color chart
- C 70
- M 12
- Y 0
- K 21
CMYK color chart

● #3cb1ca color description : Moderate cyan.

The hexadecimal color #3cb1ca has RGB values of R:60, G:177, B:202 and CMYK values of C:0.7, M:0.12, Y:0, K:0.21. Its decimal value is 3977674.

Hex triplet	3cb1ca	`#3cb1ca`
RGB Decimal	60, 177, 202	`rgb(60,177,202)`
RGB Percent	23.5, 69.4, 79.2	`rgb(23.5%,69.4%,79.2%)`
CMYK	70, 12, 0, 21
HSL	190.6°, 57.3, 51.4	`hsl(190.6,57.3%,51.4%)`
HSV (or HSB)	190.6°, 70.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	67.026, -24.218, -22.142
XYZ	28.243, 36.667, 61.463
xyY	0.223, 0.29, 36.667
CIE-LCH	67.026, 32.814, 222.435
CIE-LUV	67.026, -43.309, -31.041
Hunter-Lab	60.553, -22.711, -17.794
Binary	00111100, 10110001, 11001010

#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#ca553c
```
#ca553c rgb(202,85,60)
```

Complementary Color

#3cca9c
```
#3cca9c rgb(60,202,156)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#3c6aca
```
#3c6aca rgb(60,106,202)
```

Analogous Color

#ca9c3c
```
#ca9c3c rgb(202,156,60)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#ca3c6a
```
#ca3c6a rgb(202,60,106)
```

Split Complementary Color

#b1ca3c
```
#b1ca3c rgb(177,202,60)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#ca3cb1
```
#ca3cb1 rgb(202,60,177)
```

Triadic Color

#3cca55
```
#3cca55 rgb(60,202,85)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#ca3cb1
```
#ca3cb1 rgb(202,60,177)
```
#ca553c
```
#ca553c rgb(202,85,60)
```

Tetradic Color

#287f92
```
#287f92 rgb(40,127,146)
```
#2d91a6
```
#2d91a6 rgb(45,145,166)
```
#33a2ba
```
#33a2ba rgb(51,162,186)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#50b9cf
```
#50b9cf rgb(80,185,207)
```
#64c1d5
```
#64c1d5 rgb(100,193,213)
```
#78c9da
```
#78c9da rgb(120,201,218)
```

Monochromatic Color

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

#3ccac0
```
#3ccac0 rgb(60,202,192)
```
#3cc9ca
```
#3cc9ca rgb(60,201,202)
```
#3cbdca
```
#3cbdca rgb(60,189,202)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#3ca5ca
```
#3ca5ca rgb(60,165,202)
```
#3c99ca
```
#3c99ca rgb(60,153,202)
```
#3c8eca
```
#3c8eca rgb(60,142,202)
```

Similar Colors

Text with hexadecimal color #3cb1ca

This text has a font color of #3cb1ca.

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

#3cb1ca background color

This paragraph has a background color of #3cb1ca.

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

#3cb1ca border color

This element has a border color of #3cb1ca.

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

CSS codes

.text {color:#3cb1ca;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#061215
```
#061215 rgb(6,18,21)
```
#0a2024
```
#0a2024 rgb(10,32,36)
```
#0e2d34
```
#0e2d34 rgb(14,45,52)
```
#123b43
```
#123b43 rgb(18,59,67)
```
#164853
```
#164853 rgb(22,72,83)
```
#1b5562
```
#1b5562 rgb(27,85,98)
```
#1f6371
```
#1f6371 rgb(31,99,113)
```
#237081
```
#237081 rgb(35,112,129)
```
#277e90
```
#277e90 rgb(39,126,144)
```
#2b8ba0
```
#2b8ba0 rgb(43,139,160)
```
#3099af
```
#3099af rgb(48,153,175)
```
#34a6bf
```
#34a6bf rgb(52,166,191)
```

Shade Color Variation

#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#4bb7ce
```
#4bb7ce rgb(75,183,206)
```
#5bbdd2
```
#5bbdd2 rgb(91,189,210)
```
#6ac4d7
```
#6ac4d7 rgb(106,196,215)
```
#7acadb
```
#7acadb rgb(122,202,219)
```
#89d0df
```
#89d0df rgb(137,208,223)
```
#99d6e3
```
#99d6e3 rgb(153,214,227)
```
#a8dce7
```
#a8dce7 rgb(168,220,231)
```
#b7e2ec
```
#b7e2ec rgb(183,226,236)
```
#c7e9f0
```
#c7e9f0 rgb(199,233,240)
```
#d6eff4
```
#d6eff4 rgb(214,239,244)
```
#e6f5f8
```
#e6f5f8 rgb(230,245,248)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#7f8687
```
#7f8687 rgb(127,134,135)
```
#758c91
```
#758c91 rgb(117,140,145)
```
#6c929a
```
#6c929a rgb(108,146,154)
```
#6298a4
```
#6298a4 rgb(98,152,164)
```
#599ead
```
#599ead rgb(89,158,173)
```
#4fa5b7
```
#4fa5b7 rgb(79,165,183)
```
#46abc0
```
#46abc0 rgb(70,171,192)
```
#3cb1ca
```
#3cb1ca rgb(60,177,202)
```
#32b7d4
```
#32b7d4 rgb(50,183,212)
```
#29bddd
```
#29bddd rgb(41,189,221)
```
#1fc4e7
```
#1fc4e7 rgb(31,196,231)
```
#16caf0
```
#16caf0 rgb(22,202,240)
```
#0cd0fa
```
#0cd0fa rgb(12,208,250)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#80979c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a6c3 Protanopia 1% of men
#9fa5d2 Deuteranopia 1% of men
#3eb6c3 Tritanopia 0.001% of the population

Trichromacy

#7caac6 Protanomaly 1% of men, 0.01% of women
#7ba9cf Deuteranomaly 6% of men, 0.4% of women
#3db4c6 Tritanomaly 0.01% of the population

#3cb1ca hex color

#3cb1ca Color Information

#3cb1ca Color Conversion

Color Schemes with #3cb1ca

Alternatives to #3cb1ca

#3cb1ca Preview

Shades and Tints of #3cb1ca

Tones of #3cb1ca

Color Blindness Simulator