#3f968e hex color

In a RGB color space, hex #3f968e is composed of 24.7% red, 58.8% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 58% cyan, 0% magenta, 5.3% yellow and 41.2% black. It has a hue angle of 174.5 degrees, a saturation of 40.8% and a lightness of 41.8%. #3f968e color hex could be obtained by blending #7effff with #002d1d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 25
- G 59
- B 56
RGB color chart
- C 58
- M 0
- Y 5
- K 41
CMYK color chart

● #3f968e color description : Dark moderate cyan.

The hexadecimal color #3f968e has RGB values of R:63, G:150, B:142 and CMYK values of C:0.58, M:0, Y:0.05, K:0.41. Its decimal value is 4167310.

Hex triplet	3f968e	`#3f968e`
RGB Decimal	63, 150, 142	`rgb(63,150,142)`
RGB Percent	24.7, 58.8, 55.7	`rgb(24.7%,58.8%,55.7%)`
CMYK	58, 0, 5, 41
HSL	174.5°, 40.8, 41.8	`hsl(174.5,40.8%,41.8%)`
HSV (or HSB)	174.5°, 58, 58.8
Web Safe	339999	`#339999`

CIE-LAB	56.901, -27.963, -3.637
XYZ	17.837, 24.821, 29.441
xyY	0.247, 0.344, 24.821
CIE-LCH	56.901, 28.199, 187.411
CIE-LUV	56.901, -36.04, -1.079
Hunter-Lab	49.821, -23.278, -0.162
Binary	00111111, 10010110, 10001110

#3f968e
```
#3f968e rgb(63,150,142)
```
#963f47
```
#963f47 rgb(150,63,71)
```

Complementary Color

#3f9663
```
#3f9663 rgb(63,150,99)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#3f7396
```
#3f7396 rgb(63,115,150)
```

Analogous Color

#96633f
```
#96633f rgb(150,99,63)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#963f73
```
#963f73 rgb(150,63,115)
```

Split Complementary Color

#968e3f
```
#968e3f rgb(150,142,63)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#8e3f96
```
#8e3f96 rgb(142,63,150)
```

Triadic Color

#47963f
```
#47963f rgb(71,150,63)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#8e3f96
```
#8e3f96 rgb(142,63,150)
```
#963f47
```
#963f47 rgb(150,63,71)
```

Tetradic Color

#28605b
```
#28605b rgb(40,96,91)
```
#30726c
```
#30726c rgb(48,114,108)
```
#37847d
```
#37847d rgb(55,132,125)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#47a89f
```
#47a89f rgb(71,168,159)
```
#52b6ad
```
#52b6ad rgb(82,182,173)
```
#64beb6
```
#64beb6 rgb(100,190,182)
```

Monochromatic Color

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

#3f9678
```
#3f9678 rgb(63,150,120)
```
#3f9680
```
#3f9680 rgb(63,150,128)
```
#3f9687
```
#3f9687 rgb(63,150,135)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#3f9695
```
#3f9695 rgb(63,150,149)
```
#3f9096
```
#3f9096 rgb(63,144,150)
```
#3f8896
```
#3f8896 rgb(63,136,150)
```

Similar Colors

Text with hexadecimal color #3f968e

This text has a font color of #3f968e.

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

#3f968e background color

This paragraph has a background color of #3f968e.

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

#3f968e border color

This element has a border color of #3f968e.

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

CSS codes

.text {color:#3f968e;}

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

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

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, #050c0b is the darkest color, while #fdfefe is the lightest one.

#050c0b
```
#050c0b rgb(5,12,11)
```
#0b1a18
```
#0b1a18 rgb(11,26,24)
```
#112725
```
#112725 rgb(17,39,37)
```
#163532
```
#163532 rgb(22,53,50)
```
#1c4340
```
#1c4340 rgb(28,67,64)
```
#22514d
```
#22514d rgb(34,81,77)
```
#285f5a
```
#285f5a rgb(40,95,90)
```
#2e6d67
```
#2e6d67 rgb(46,109,103)
```
#337a74
```
#337a74 rgb(51,122,116)
```
#398881
```
#398881 rgb(57,136,129)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#45a49b
```
#45a49b rgb(69,164,155)
```
#4bb2a8
```
#4bb2a8 rgb(75,178,168)
```

Shade Color Variation

#57b9b0
```
#57b9b0 rgb(87,185,176)
```
#65beb6
```
#65beb6 rgb(101,190,182)
```
#73c4bd
```
#73c4bd rgb(115,196,189)
```
#81cac3
```
#81cac3 rgb(129,202,195)
```
#8fd0ca
```
#8fd0ca rgb(143,208,202)
```
#9cd6d0
```
#9cd6d0 rgb(156,214,208)
```
#aadbd7
```
#aadbd7 rgb(170,219,215)
```
#b8e1dd
```
#b8e1dd rgb(184,225,221)
```
#c6e7e4
```
#c6e7e4 rgb(198,231,228)
```
#d4edea
```
#d4edea rgb(212,237,234)
```
#e1f3f1
```
#e1f3f1 rgb(225,243,241)
```
#eff8f8
```
#eff8f8 rgb(239,248,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#686d6d
```
#686d6d rgb(104,109,109)
```
#607573
```
#607573 rgb(96,117,115)
```
#587d7a
```
#587d7a rgb(88,125,122)
```
#4f8681
```
#4f8681 rgb(79,134,129)
```
#478e87
```
#478e87 rgb(71,142,135)
```
#3f968e
```
#3f968e rgb(63,150,142)
```
#379e95
```
#379e95 rgb(55,158,149)
```
#2fa69b
```
#2fa69b rgb(47,166,155)
```
#26afa2
```
#26afa2 rgb(38,175,162)
```
#1eb7a9
```
#1eb7a9 rgb(30,183,169)
```
#16bfaf
```
#16bfaf rgb(22,191,175)
```
#0ec7b6
```
#0ec7b6 rgb(14,199,182)
```
#06cfbd
```
#06cfbd rgb(6,207,189)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#6f807f Atypical Achromatopsia 0.001% of the population

Dichromacy

#918e8c Protanopia 1% of men
#968a99 Deuteranopia 1% of men
#5098a4 Tritanopia 0.001% of the population

Trichromacy

#73908d Protanomaly 1% of men, 0.01% of women
#768e95 Deuteranomaly 6% of men, 0.4% of women
#4a979c Tritanomaly 0.01% of the population

#3f968e hex color

#3f968e Color Information

#3f968e Color Conversion

Color Schemes with #3f968e

Alternatives to #3f968e

#3f968e Preview

Shades and Tints of #3f968e

Tones of #3f968e

Color Blindness Simulator