#3ca5b6 hex color

In a RGB color space, hex #3ca5b6 is composed of 23.5% red, 64.7% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 67% cyan, 9.3% magenta, 0% yellow and 28.6% black. It has a hue angle of 188.4 degrees, a saturation of 50.4% and a lightness of 47.5%. #3ca5b6 color hex could be obtained by blending #78ffff with #004b6d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 24
- G 65
- B 71
RGB color chart
- C 67
- M 9
- Y 0
- K 29
CMYK color chart

● #3ca5b6 color description : Moderate cyan.

The hexadecimal color #3ca5b6 has RGB values of R:60, G:165, B:182 and CMYK values of C:0.67, M:0.09, Y:0, K:0.29. Its decimal value is 3974582.

Hex triplet	3ca5b6	`#3ca5b6`
RGB Decimal	60, 165, 182	`rgb(60,165,182)`
RGB Percent	23.5, 64.7, 71.4	`rgb(23.5%,64.7%,71.4%)`
CMYK	67, 9, 0, 29
HSL	188.4°, 50.4, 47.5	`hsl(188.4,50.4%,47.5%)`
HSV (or HSB)	188.4°, 67, 71.4
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.715, -24.317, -17.583
XYZ	23.76, 31.246, 49.032
xyY	0.228, 0.3, 31.246
CIE-LCH	62.715, 30.008, 215.869
CIE-LUV	62.715, -40.143, -23.339
Hunter-Lab	55.898, -21.95, -12.878
Binary	00111100, 10100101, 10110110

#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#b64d3c
```
#b64d3c rgb(182,77,60)
```

Complementary Color

#3cb68a
```
#3cb68a rgb(60,182,138)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#3c68b6
```
#3c68b6 rgb(60,104,182)
```

Analogous Color

#b68a3c
```
#b68a3c rgb(182,138,60)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#b63c68
```
#b63c68 rgb(182,60,104)
```

Split Complementary Color

#a5b63c
```
#a5b63c rgb(165,182,60)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#b63ca5
```
#b63ca5 rgb(182,60,165)
```

Triadic Color

#3cb64d
```
#3cb64d rgb(60,182,77)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#b63ca5
```
#b63ca5 rgb(182,60,165)
```
#b64d3c
```
#b64d3c rgb(182,77,60)
```

Tetradic Color

#29717c
```
#29717c rgb(41,113,124)
```
#2f8290
```
#2f8290 rgb(47,130,144)
```
#3694a3
```
#3694a3 rgb(54,148,163)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#49b2c3
```
#49b2c3 rgb(73,178,195)
```
#5cbac9
```
#5cbac9 rgb(92,186,201)
```
#6fc2d0
```
#6fc2d0 rgb(111,194,208)
```

Monochromatic Color

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

#3cb6a9
```
#3cb6a9 rgb(60,182,169)
```
#3cb6b3
```
#3cb6b3 rgb(60,182,179)
```
#3cafb6
```
#3cafb6 rgb(60,175,182)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#3c9bb6
```
#3c9bb6 rgb(60,155,182)
```
#3c91b6
```
#3c91b6 rgb(60,145,182)
```
#3c87b6
```
#3c87b6 rgb(60,135,182)
```

Similar Colors

Text with hexadecimal color #3ca5b6

This text has a font color of #3ca5b6.

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

#3ca5b6 background color

This paragraph has a background color of #3ca5b6.

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

#3ca5b6 border color

This element has a border color of #3ca5b6.

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

CSS codes

.text {color:#3ca5b6;}

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

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

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

#020505
```
#020505 rgb(2,5,5)
```
#071214
```
#071214 rgb(7,18,20)
```
#0b1f22
```
#0b1f22 rgb(11,31,34)
```
#102d31
```
#102d31 rgb(16,45,49)
```
#153a40
```
#153a40 rgb(21,58,64)
```
#1a474f
```
#1a474f rgb(26,71,79)
```
#1f555d
```
#1f555d rgb(31,85,93)
```
#24626c
```
#24626c rgb(36,98,108)
```
#29707b
```
#29707b rgb(41,112,123)
```
#2d7d8a
```
#2d7d8a rgb(45,125,138)
```
#328a98
```
#328a98 rgb(50,138,152)
```
#3798a7
```
#3798a7 rgb(55,152,167)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```

Shade Color Variation

#44b0c1
```
#44b0c1 rgb(68,176,193)
```
#53b6c6
```
#53b6c6 rgb(83,182,198)
```
#62bccb
```
#62bccb rgb(98,188,203)
```
#70c3d0
```
#70c3d0 rgb(112,195,208)
```
#7fc9d5
```
#7fc9d5 rgb(127,201,213)
```
#8ecfda
```
#8ecfda rgb(142,207,218)
```
#9dd5df
```
#9dd5df rgb(157,213,223)
```
#abdce3
```
#abdce3 rgb(171,220,227)
```
#bae2e8
```
#bae2e8 rgb(186,226,232)
```
#c9e8ed
```
#c9e8ed rgb(201,232,237)
```
#d8eef2
```
#d8eef2 rgb(216,238,242)
```
#e6f5f7
```
#e6f5f7 rgb(230,245,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747d7e is the less saturated color, while #04cdee is the most saturated one.

#747d7e
```
#747d7e rgb(116,125,126)
```
#6b8387
```
#6b8387 rgb(107,131,135)
```
#618a91
```
#618a91 rgb(97,138,145)
```
#58919a
```
#58919a rgb(88,145,154)
```
#4f98a3
```
#4f98a3 rgb(79,152,163)
```
#459ead
```
#459ead rgb(69,158,173)
```
#3ca5b6
```
#3ca5b6 rgb(60,165,182)
```
#33acbf
```
#33acbf rgb(51,172,191)
```
#29b2c9
```
#29b2c9 rgb(41,178,201)
```
#20b9d2
```
#20b9d2 rgb(32,185,210)
```
#17c0db
```
#17c0db rgb(23,192,219)
```
#0dc7e5
```
#0dc7e5 rgb(13,199,229)
```
#04cdee
```
#04cdee rgb(4,205,238)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#798e91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#999bb1 Protanopia 1% of men
#989abf Deuteranopia 1% of men
#44aab6 Tritanopia 0.001% of the population

Trichromacy

#779fb3 Protanomaly 1% of men, 0.01% of women
#779ebc Deuteranomaly 6% of men, 0.4% of women
#41a8b6 Tritanomaly 0.01% of the population

#3ca5b6 hex color

#3ca5b6 Color Information

#3ca5b6 Color Conversion

Color Schemes with #3ca5b6

Alternatives to #3ca5b6

#3ca5b6 Preview

Shades and Tints of #3ca5b6

Tones of #3ca5b6

Color Blindness Simulator