#3c95b3 hex color

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

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

● #3c95b3 color description : Moderate blue.

The hexadecimal color #3c95b3 has RGB values of R:60, G:149, B:179 and CMYK values of C:0.66, M:0.17, Y:0, K:0.3. Its decimal value is 3970483.

Hex triplet	3c95b3	`#3c95b3`
RGB Decimal	60, 149, 179	`rgb(60,149,179)`
RGB Percent	23.5, 58.4, 70.2	`rgb(23.5%,58.4%,70.2%)`
CMYK	66, 17, 0, 30
HSL	195.1°, 49.8, 46.9	`hsl(195.1,49.8%,46.9%)`
HSV (or HSB)	195.1°, 66.5, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.759, -16.883, -23.457
XYZ	20.745, 25.709, 46.514
xyY	0.223, 0.277, 25.709
CIE-LCH	57.759, 28.901, 234.255
CIE-LUV	57.759, -34.416, -33.417
Hunter-Lab	50.704, -15.698, -18.899
Binary	00111100, 10010101, 10110011

#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#b35a3c
```
#b35a3c rgb(179,90,60)
```

Complementary Color

#3cb396
```
#3cb396 rgb(60,179,150)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#3c59b3
```
#3c59b3 rgb(60,89,179)
```

Analogous Color

#b3963c
```
#b3963c rgb(179,150,60)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#b33c5a
```
#b33c5a rgb(179,60,90)
```

Split Complementary Color

#95b33c
```
#95b33c rgb(149,179,60)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#b33c95
```
#b33c95 rgb(179,60,149)
```

Triadic Color

#3cb35a
```
#3cb35a rgb(60,179,90)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#b33c95
```
#b33c95 rgb(179,60,149)
```
#b35a3c
```
#b35a3c rgb(179,90,60)
```

Tetradic Color

#29657a
```
#29657a rgb(41,101,122)
```
#2f758d
```
#2f758d rgb(47,117,141)
```
#3685a0
```
#3685a0 rgb(54,133,160)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#47a3c1
```
#47a3c1 rgb(71,163,193)
```
#5aacc8
```
#5aacc8 rgb(90,172,200)
```
#6db6ce
```
#6db6ce rgb(109,182,206)
```

Monochromatic Color

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

#3cb3b3
```
#3cb3b3 rgb(60,179,179)
```
#3ca9b3
```
#3ca9b3 rgb(60,169,179)
```
#3c9fb3
```
#3c9fb3 rgb(60,159,179)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#3c8bb3
```
#3c8bb3 rgb(60,139,179)
```
#3c81b3
```
#3c81b3 rgb(60,129,179)
```
#3c77b3
```
#3c77b3 rgb(60,119,179)
```

Similar Colors

Text with hexadecimal color #3c95b3

This text has a font color of #3c95b3.

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

#3c95b3 background color

This paragraph has a background color of #3c95b3.

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

#3c95b3 border color

This element has a border color of #3c95b3.

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

CSS codes

.text {color:#3c95b3;}

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

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

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 #f3f9fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1b20
```
#0b1b20 rgb(11,27,32)
```
#10272f
```
#10272f rgb(16,39,47)
```
#15333d
```
#15333d rgb(21,51,61)
```
#1a3f4c
```
#1a3f4c rgb(26,63,76)
```
#1e4c5b
```
#1e4c5b rgb(30,76,91)
```
#23586a
```
#23586a rgb(35,88,106)
```
#286478
```
#286478 rgb(40,100,120)
```
#2d7087
```
#2d7087 rgb(45,112,135)
```
#327d96
```
#327d96 rgb(50,125,150)
```
#3789a4
```
#3789a4 rgb(55,137,164)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```

Shade Color Variation

#43a0c0
```
#43a0c0 rgb(67,160,192)
```
#51a8c5
```
#51a8c5 rgb(81,168,197)
```
#60afca
```
#60afca rgb(96,175,202)
```
#6fb6cf
```
#6fb6cf rgb(111,182,207)
```
#7dbed4
```
#7dbed4 rgb(125,190,212)
```
#8cc5d9
```
#8cc5d9 rgb(140,197,217)
```
#9bcddd
```
#9bcddd rgb(155,205,221)
```
#aad4e2
```
#aad4e2 rgb(170,212,226)
```
#b8dbe7
```
#b8dbe7 rgb(184,219,231)
```
#c7e3ec
```
#c7e3ec rgb(199,227,236)
```
#d6eaf1
```
#d6eaf1 rgb(214,234,241)
```
#e4f2f6
```
#e4f2f6 rgb(228,242,246)
```
#f3f9fb
```
#f3f9fb rgb(243,249,251)
```

Tint Color Variation

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

#737a7c
```
#737a7c rgb(115,122,124)
```
#6a7e85
```
#6a7e85 rgb(106,126,133)
```
#61838e
```
#61838e rgb(97,131,142)
```
#588797
```
#588797 rgb(88,135,151)
```
#4e8ca1
```
#4e8ca1 rgb(78,140,161)
```
#4590aa
```
#4590aa rgb(69,144,170)
```
#3c95b3
```
#3c95b3 rgb(60,149,179)
```
#339abc
```
#339abc rgb(51,154,188)
```
#2a9ec5
```
#2a9ec5 rgb(42,158,197)
```
#20a3cf
```
#20a3cf rgb(32,163,207)
```
#17a7d8
```
#17a7d8 rgb(23,167,216)
```
#0eace1
```
#0eace1 rgb(14,172,225)
```
#05b0ea
```
#05b0ea rgb(5,176,234)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#718389 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888faf Protanopia 1% of men
#858ebb Deuteranopia 1% of men
#3c9da8 Tritanopia 0.001% of the population

Trichromacy

#6c91b0 Protanomaly 1% of men, 0.01% of women
#6a91b8 Deuteranomaly 6% of men, 0.4% of women
#3c9aac Tritanomaly 0.01% of the population

#3c95b3 hex color

#3c95b3 Color Information

#3c95b3 Color Conversion

Color Schemes with #3c95b3

Alternatives to #3c95b3

#3c95b3 Preview

Shades and Tints of #3c95b3

Tones of #3c95b3

Color Blindness Simulator