#3c94ac hex color

In a RGB color space, hex #3c94ac is composed of 23.5% red, 58% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 14% magenta, 0% yellow and 32.5% black. It has a hue angle of 192.9 degrees, a saturation of 48.3% and a lightness of 45.5%. #3c94ac color hex could be obtained by blending #78ffff with #002959. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 24
- G 58
- B 67
RGB color chart
- C 65
- M 14
- Y 0
- K 33
CMYK color chart

● #3c94ac color description : Dark moderate cyan.

The hexadecimal color #3c94ac has RGB values of R:60, G:148, B:172 and CMYK values of C:0.65, M:0.14, Y:0, K:0.33. Its decimal value is 3970220.

Hex triplet	3c94ac	`#3c94ac`
RGB Decimal	60, 148, 172	`rgb(60,148,172)`
RGB Percent	23.5, 58, 67.5	`rgb(23.5%,58%,67.5%)`
CMYK	65, 14, 0, 33
HSL	192.9°, 48.3, 45.5	`hsl(192.9,48.3%,45.5%)`
HSV (or HSB)	192.9°, 65.1, 67.5
Web Safe	339999	`#339999`

CIE-LAB	57.19, -18.585, -20.349
XYZ	19.898, 25.117, 42.827
xyY	0.227, 0.286, 25.117
CIE-LCH	57.19, 27.558, 227.593
CIE-LUV	57.19, -34.406, -28.153
Hunter-Lab	50.117, -16.836, -15.583
Binary	00111100, 10010100, 10101100

#3c94ac
```
#3c94ac rgb(60,148,172)
```
#ac543c
```
#ac543c rgb(172,84,60)
```

Complementary Color

#3cac8c
```
#3cac8c rgb(60,172,140)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#3c5cac
```
#3c5cac rgb(60,92,172)
```

Analogous Color

#ac8c3c
```
#ac8c3c rgb(172,140,60)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#ac3c5c
```
#ac3c5c rgb(172,60,92)
```

Split Complementary Color

#94ac3c
```
#94ac3c rgb(148,172,60)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#ac3c94
```
#ac3c94 rgb(172,60,148)
```

Triadic Color

#3cac54
```
#3cac54 rgb(60,172,84)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#ac3c94
```
#ac3c94 rgb(172,60,148)
```
#ac543c
```
#ac543c rgb(172,84,60)
```

Tetradic Color

#286373
```
#286373 rgb(40,99,115)
```
#2f7386
```
#2f7386 rgb(47,115,134)
```
#358499
```
#358499 rgb(53,132,153)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#44a4be
```
#44a4be rgb(68,164,190)
```
#57adc4
```
#57adc4 rgb(87,173,196)
```
#6ab6cb
```
#6ab6cb rgb(106,182,203)
```

Monochromatic Color

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

#3caca8
```
#3caca8 rgb(60,172,168)
```
#3ca7ac
```
#3ca7ac rgb(60,167,172)
```
#3c9dac
```
#3c9dac rgb(60,157,172)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#3c8bac
```
#3c8bac rgb(60,139,172)
```
#3c81ac
```
#3c81ac rgb(60,129,172)
```
#3c78ac
```
#3c78ac rgb(60,120,172)
```

Similar Colors

Text with hexadecimal color #3c94ac

This text has a font color of #3c94ac.

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

#3c94ac background color

This paragraph has a background color of #3c94ac.

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

#3c94ac border color

This element has a border color of #3c94ac.

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

CSS codes

.text {color:#3c94ac;}

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

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

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#09171b
```
#09171b rgb(9,23,27)
```
#0e2329
```
#0e2329 rgb(14,35,41)
```
#133038
```
#133038 rgb(19,48,56)
```
#183c46
```
#183c46 rgb(24,60,70)
```
#1e4955
```
#1e4955 rgb(30,73,85)
```
#235563
```
#235563 rgb(35,85,99)
```
#286272
```
#286272 rgb(40,98,114)
```
#2d6e80
```
#2d6e80 rgb(45,110,128)
```
#327b8f
```
#327b8f rgb(50,123,143)
```
#37879d
```
#37879d rgb(55,135,157)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#41a1bb
```
#41a1bb rgb(65,161,187)
```

Shade Color Variation

#4ea9c1
```
#4ea9c1 rgb(78,169,193)
```
#5db0c6
```
#5db0c6 rgb(93,176,198)
```
#6bb7cb
```
#6bb7cb rgb(107,183,203)
```
#7abed0
```
#7abed0 rgb(122,190,208)
```
#88c5d6
```
#88c5d6 rgb(136,197,214)
```
#97ccdb
```
#97ccdb rgb(151,204,219)
```
#a5d3e0
```
#a5d3e0 rgb(165,211,224)
```
#b4dae5
```
#b4dae5 rgb(180,218,229)
```
#c2e1ea
```
#c2e1ea rgb(194,225,234)
```
#d1e8ef
```
#d1e8ef rgb(209,232,239)
```
#dff0f4
```
#dff0f4 rgb(223,240,244)
```
#eef7f9
```
#eef7f9 rgb(238,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727576 is the less saturated color, while #06b3e2 is the most saturated one.

#727576
```
#727576 rgb(114,117,118)
```
#697b7f
```
#697b7f rgb(105,123,127)
```
#608088
```
#608088 rgb(96,128,136)
```
#578591
```
#578591 rgb(87,133,145)
```
#4e8a9a
```
#4e8a9a rgb(78,138,154)
```
#458fa3
```
#458fa3 rgb(69,143,163)
```
#3c94ac
```
#3c94ac rgb(60,148,172)
```
#3399b5
```
#3399b5 rgb(51,153,181)
```
#2a9ebe
```
#2a9ebe rgb(42,158,190)
```
#21a3c7
```
#21a3c7 rgb(33,163,199)
```
#18a8d0
```
#18a8d0 rgb(24,168,208)
```
#0fadd9
```
#0fadd9 rgb(15,173,217)
```
#06b3e2
```
#06b3e2 rgb(6,179,226)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6f8186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#898ea9 Protanopia 1% of men
#878db5 Deuteranopia 1% of men
#3f9ba6 Tritanopia 0.001% of the population

Trichromacy

#6d90aa Protanomaly 1% of men, 0.01% of women
#6b8fb1 Deuteranomaly 6% of men, 0.4% of women
#3e98a8 Tritanomaly 0.01% of the population

#3c94ac hex color

#3c94ac Color Information

#3c94ac Color Conversion

Color Schemes with #3c94ac

Alternatives to #3c94ac

#3c94ac Preview

Shades and Tints of #3c94ac

Tones of #3c94ac

Color Blindness Simulator