#3ca5b3 hex color

In a RGB color space, hex #3ca5b3 is composed of 23.5% red, 64.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 7.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 187.1 degrees, a saturation of 49.8% and a lightness of 46.9%. #3ca5b3 color hex could be obtained by blending #78ffff with #004b67. Closest websafe color is: #3399cc.

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

● #3ca5b3 color description : Moderate cyan.

The hexadecimal color #3ca5b3 has RGB values of R:60, G:165, B:179 and CMYK values of C:0.66, M:0.08, Y:0, K:0.3. Its decimal value is 3974579.

Hex triplet	3ca5b3	`#3ca5b3`
RGB Decimal	60, 165, 179	`rgb(60,165,179)`
RGB Percent	23.5, 64.7, 70.2	`rgb(23.5%,64.7%,70.2%)`
CMYK	66, 8, 0, 30
HSL	187.1°, 49.8, 46.9	`hsl(187.1,49.8%,46.9%)`
HSV (or HSB)	187.1°, 66.5, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.612, -25.234, -16.058
XYZ	23.453, 31.124, 47.417
xyY	0.23, 0.305, 31.124
CIE-LCH	62.612, 29.91, 212.471
CIE-LUV	62.612, -40.318, -20.765
Hunter-Lab	55.789, -22.59, -11.341
Binary	00111100, 10100101, 10110011

#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#b34a3c
```
#b34a3c rgb(179,74,60)
```

Complementary Color

#3cb386
```
#3cb386 rgb(60,179,134)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#3c6ab3
```
#3c6ab3 rgb(60,106,179)
```

Analogous Color

#b3863c
```
#b3863c rgb(179,134,60)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#b33c6a
```
#b33c6a rgb(179,60,106)
```

Split Complementary Color

#a5b33c
```
#a5b33c rgb(165,179,60)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#b33ca5
```
#b33ca5 rgb(179,60,165)
```

Triadic Color

#3cb34a
```
#3cb34a rgb(60,179,74)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#b33ca5
```
#b33ca5 rgb(179,60,165)
```
#b34a3c
```
#b34a3c rgb(179,74,60)
```

Tetradic Color

#29707a
```
#29707a rgb(41,112,122)
```
#2f828d
```
#2f828d rgb(47,130,141)
```
#3693a0
```
#3693a0 rgb(54,147,160)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#47b3c1
```
#47b3c1 rgb(71,179,193)
```
#5abbc8
```
#5abbc8 rgb(90,187,200)
```
#6dc3ce
```
#6dc3ce rgb(109,195,206)
```

Monochromatic Color

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

#3cb3a3
```
#3cb3a3 rgb(60,179,163)
```
#3cb3ad
```
#3cb3ad rgb(60,179,173)
```
#3cafb3
```
#3cafb3 rgb(60,175,179)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#3c9bb3
```
#3c9bb3 rgb(60,155,179)
```
#3c91b3
```
#3c91b3 rgb(60,145,179)
```
#3c87b3
```
#3c87b3 rgb(60,135,179)
```

Similar Colors

Text with hexadecimal color #3ca5b3

This text has a font color of #3ca5b3.

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

#3ca5b3 background color

This paragraph has a background color of #3ca5b3.

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

#3ca5b3 border color

This element has a border color of #3ca5b3.

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

CSS codes

.text {color:#3ca5b3;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#061011
```
#061011 rgb(6,16,17)
```
#0b1e20
```
#0b1e20 rgb(11,30,32)
```
#102b2f
```
#102b2f rgb(16,43,47)
```
#15393d
```
#15393d rgb(21,57,61)
```
#1a464c
```
#1a464c rgb(26,70,76)
```
#1e545b
```
#1e545b rgb(30,84,91)
```
#23616a
```
#23616a rgb(35,97,106)
```
#286f78
```
#286f78 rgb(40,111,120)
```
#2d7c87
```
#2d7c87 rgb(45,124,135)
```
#328a96
```
#328a96 rgb(50,138,150)
```
#3797a4
```
#3797a4 rgb(55,151,164)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```

Shade Color Variation

#43b1c0
```
#43b1c0 rgb(67,177,192)
```
#51b7c5
```
#51b7c5 rgb(81,183,197)
```
#60bdca
```
#60bdca rgb(96,189,202)
```
#6fc3cf
```
#6fc3cf rgb(111,195,207)
```
#7dc9d4
```
#7dc9d4 rgb(125,201,212)
```
#8cd0d9
```
#8cd0d9 rgb(140,208,217)
```
#9bd6dd
```
#9bd6dd rgb(155,214,221)
```
#aadce2
```
#aadce2 rgb(170,220,226)
```
#b8e2e7
```
#b8e2e7 rgb(184,226,231)
```
#c7e8ec
```
#c7e8ec rgb(199,232,236)
```
#d6eef1
```
#d6eef1 rgb(214,238,241)
```
#e4f4f6
```
#e4f4f6 rgb(228,244,246)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#737b7c
```
#737b7c rgb(115,123,124)
```
#6a8285
```
#6a8285 rgb(106,130,133)
```
#61898e
```
#61898e rgb(97,137,142)
```
#589097
```
#589097 rgb(88,144,151)
```
#4e97a1
```
#4e97a1 rgb(78,151,161)
```
#459eaa
```
#459eaa rgb(69,158,170)
```
#3ca5b3
```
#3ca5b3 rgb(60,165,179)
```
#33acbc
```
#33acbc rgb(51,172,188)
```
#2ab3c5
```
#2ab3c5 rgb(42,179,197)
```
#20bacf
```
#20bacf rgb(32,186,207)
```
#17c1d8
```
#17c1d8 rgb(23,193,216)
```
#0ec8e1
```
#0ec8e1 rgb(14,200,225)
```
#05cfea
```
#05cfea rgb(5,207,234)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#788d90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999bae Protanopia 1% of men
#9a99bc Deuteranopia 1% of men
#45a9b6 Tritanopia 0.001% of the population

Trichromacy

#779fb0 Protanomaly 1% of men, 0.01% of women
#779db9 Deuteranomaly 6% of men, 0.4% of women
#42a8b5 Tritanomaly 0.01% of the population

#3ca5b3 hex color

#3ca5b3 Color Information

#3ca5b3 Color Conversion

Color Schemes with #3ca5b3

Alternatives to #3ca5b3

#3ca5b3 Preview

Shades and Tints of #3ca5b3

Tones of #3ca5b3

Color Blindness Simulator