#3c95b2 hex color

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

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

● #3c95b2 color description : Dark moderate cyan.

The hexadecimal color #3c95b2 has RGB values of R:60, G:149, B:178 and CMYK values of C:0.66, M:0.16, Y:0, K:0.3. Its decimal value is 3970482.

Hex triplet	3c95b2	`#3c95b2`
RGB Decimal	60, 149, 178	`rgb(60,149,178)`
RGB Percent	23.5, 58.4, 69.8	`rgb(23.5%,58.4%,69.8%)`
CMYK	66, 16, 0, 30
HSL	194.7°, 49.6, 46.7	`hsl(194.7,49.6%,46.7%)`
HSV (or HSB)	194.7°, 66.3, 69.8
Web Safe	339999	`#339999`

CIE-LAB	57.721, -17.205, -22.948
XYZ	20.645, 25.668, 45.984
xyY	0.224, 0.278, 25.668
CIE-LCH	57.721, 28.682, 233.139
CIE-LUV	57.721, -34.468, -32.551
Hunter-Lab	50.664, -15.926, -18.348
Binary	00111100, 10010101, 10110010

#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#b2593c
```
#b2593c rgb(178,89,60)
```

Complementary Color

#3cb294
```
#3cb294 rgb(60,178,148)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#3c5ab2
```
#3c5ab2 rgb(60,90,178)
```

Analogous Color

#b2943c
```
#b2943c rgb(178,148,60)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#b23c5a
```
#b23c5a rgb(178,60,90)
```

Split Complementary Color

#95b23c
```
#95b23c rgb(149,178,60)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#b23c95
```
#b23c95 rgb(178,60,149)
```

Triadic Color

#3cb259
```
#3cb259 rgb(60,178,89)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#b23c95
```
#b23c95 rgb(178,60,149)
```
#b2593c
```
#b2593c rgb(178,89,60)
```

Tetradic Color

#296579
```
#296579 rgb(41,101,121)
```
#2f758c
```
#2f758c rgb(47,117,140)
```
#36859f
```
#36859f rgb(54,133,159)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#47a3c1
```
#47a3c1 rgb(71,163,193)
```
#5aacc7
```
#5aacc7 rgb(90,172,199)
```
#6db6ce
```
#6db6ce rgb(109,182,206)
```

Monochromatic Color

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

#3cb2b2
```
#3cb2b2 rgb(60,178,178)
```
#3ca9b2
```
#3ca9b2 rgb(60,169,178)
```
#3c9fb2
```
#3c9fb2 rgb(60,159,178)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#3c8bb2
```
#3c8bb2 rgb(60,139,178)
```
#3c81b2
```
#3c81b2 rgb(60,129,178)
```
#3c78b2
```
#3c78b2 rgb(60,120,178)
```

Similar Colors

Text with hexadecimal color #3c95b2

This text has a font color of #3c95b2.

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

#3c95b2 background color

This paragraph has a background color of #3c95b2.

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

#3c95b2 border color

This element has a border color of #3c95b2.

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

CSS codes

.text {color:#3c95b2;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#060e11
```
#060e11 rgb(6,14,17)
```
#0b1a1f
```
#0b1a1f rgb(11,26,31)
```
#0f262e
```
#0f262e rgb(15,38,46)
```
#14333d
```
#14333d rgb(20,51,61)
```
#193f4b
```
#193f4b rgb(25,63,75)
```
#1e4b5a
```
#1e4b5a rgb(30,75,90)
```
#235869
```
#235869 rgb(35,88,105)
```
#286477
```
#286477 rgb(40,100,119)
```
#2d7086
```
#2d7086 rgb(45,112,134)
```
#327c95
```
#327c95 rgb(50,124,149)
```
#3789a3
```
#3789a3 rgb(55,137,163)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```

Shade Color Variation

#42a1bf
```
#42a1bf rgb(66,161,191)
```
#51a8c4
```
#51a8c4 rgb(81,168,196)
```
#60afc9
```
#60afc9 rgb(96,175,201)
```
#6eb7ce
```
#6eb7ce rgb(110,183,206)
```
#7dbed3
```
#7dbed3 rgb(125,190,211)
```
#8cc5d8
```
#8cc5d8 rgb(140,197,216)
```
#9acddd
```
#9acddd rgb(154,205,221)
```
#a9d4e2
```
#a9d4e2 rgb(169,212,226)
```
#b8dbe7
```
#b8dbe7 rgb(184,219,231)
```
#c6e3ec
```
#c6e3ec rgb(198,227,236)
```
#d5eaf1
```
#d5eaf1 rgb(213,234,241)
```
#e4f1f6
```
#e4f1f6 rgb(228,241,246)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#73797b
```
#73797b rgb(115,121,123)
```
#6a7e84
```
#6a7e84 rgb(106,126,132)
```
#61828d
```
#61828d rgb(97,130,141)
```
#578797
```
#578797 rgb(87,135,151)
```
#4e8ca0
```
#4e8ca0 rgb(78,140,160)
```
#4590a9
```
#4590a9 rgb(69,144,169)
```
#3c95b2
```
#3c95b2 rgb(60,149,178)
```
#339abb
```
#339abb rgb(51,154,187)
```
#2a9ec4
```
#2a9ec4 rgb(42,158,196)
```
#21a3cd
```
#21a3cd rgb(33,163,205)
```
#17a8d7
```
#17a8d7 rgb(23,168,215)
```
#0eace0
```
#0eace0 rgb(14,172,224)
```
#05b1e9
```
#05b1e9 rgb(5,177,233)
```

Tone Color Variation

Below, you can see how #3c95b2 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
#718388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888fae Protanopia 1% of men
#858eba Deuteranopia 1% of men
#3c9ca8 Tritanopia 0.001% of the population

Trichromacy

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

#3c95b2 hex color

#3c95b2 Color Information

#3c95b2 Color Conversion

Color Schemes with #3c95b2

Alternatives to #3c95b2

#3c95b2 Preview

Shades and Tints of #3c95b2

Tones of #3c95b2

Color Blindness Simulator