#3f857f hex color

In a RGB color space, hex #3f857f is composed of 24.7% red, 52.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0% magenta, 4.5% yellow and 47.8% black. It has a hue angle of 174.9 degrees, a saturation of 35.7% and a lightness of 38.4%. #3f857f color hex could be obtained by blending #7efffe with #000b00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 25
- G 52
- B 50
RGB color chart
- C 53
- M 0
- Y 5
- K 48
CMYK color chart

● #3f857f color description : Dark moderate cyan.

The hexadecimal color #3f857f has RGB values of R:63, G:133, B:127 and CMYK values of C:0.53, M:0, Y:0.05, K:0.48. Its decimal value is 4162943.

Hex triplet	3f857f	`#3f857f`
RGB Decimal	63, 133, 127	`rgb(63,133,127)`
RGB Percent	24.7, 52.2, 49.8	`rgb(24.7%,52.2%,49.8%)`
CMYK	53, 0, 5, 48
HSL	174.9°, 35.7, 38.4	`hsl(174.9,35.7%,38.4%)`
HSV (or HSB)	174.9°, 52.6, 52.2
Web Safe	339966	`#339966`

CIE-LAB	51.109, -23.538, -3.514
XYZ	14.267, 19.363, 23.063
xyY	0.252, 0.342, 19.363
CIE-LCH	51.109, 23.799, 188.492
CIE-LUV	51.109, -30.039, -1.5
Hunter-Lab	44.004, -19.132, -0.273
Binary	00111111, 10000101, 01111111

#3f857f
```
#3f857f rgb(63,133,127)
```
#853f45
```
#853f45 rgb(133,63,69)
```

Complementary Color

#3f855c
```
#3f855c rgb(63,133,92)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#3f6885
```
#3f6885 rgb(63,104,133)
```

Analogous Color

#855c3f
```
#855c3f rgb(133,92,63)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#853f68
```
#853f68 rgb(133,63,104)
```

Split Complementary Color

#857f3f
```
#857f3f rgb(133,127,63)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#7f3f85
```
#7f3f85 rgb(127,63,133)
```

Triadic Color

#45853f
```
#45853f rgb(69,133,63)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#7f3f85
```
#7f3f85 rgb(127,63,133)
```
#853f45
```
#853f45 rgb(133,63,69)
```

Tetradic Color

#26514d
```
#26514d rgb(38,81,77)
```
#2f625e
```
#2f625e rgb(47,98,94)
```
#37746e
```
#37746e rgb(55,116,110)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#479690
```
#479690 rgb(71,150,144)
```
#4fa8a0
```
#4fa8a0 rgb(79,168,160)
```
#5eb3ab
```
#5eb3ab rgb(94,179,171)
```

Monochromatic Color

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

#3f856e
```
#3f856e rgb(63,133,110)
```
#3f8573
```
#3f8573 rgb(63,133,115)
```
#3f8579
```
#3f8579 rgb(63,133,121)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#3f8585
```
#3f8585 rgb(63,133,133)
```
#3f7f85
```
#3f7f85 rgb(63,127,133)
```
#3f7a85
```
#3f7a85 rgb(63,122,133)
```

Similar Colors

Text with hexadecimal color #3f857f

This text has a font color of #3f857f.

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

#3f857f background color

This paragraph has a background color of #3f857f.

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

#3f857f border color

This element has a border color of #3f857f.

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

CSS codes

.text {color:#3f857f;}

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

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

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, #060d0d is the darkest color, while #ffffff is the lightest one.

#060d0d
```
#060d0d rgb(6,13,13)
```
#0d1b19
```
#0d1b19 rgb(13,27,25)
```
#132826
```
#132826 rgb(19,40,38)
```
#193533
```
#193533 rgb(25,53,51)
```
#1f423f
```
#1f423f rgb(31,66,63)
```
#26504c
```
#26504c rgb(38,80,76)
```
#2c5d59
```
#2c5d59 rgb(44,93,89)
```
#326a66
```
#326a66 rgb(50,106,102)
```
#397872
```
#397872 rgb(57,120,114)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#45928c
```
#45928c rgb(69,146,140)
```
#4ca098
```
#4ca098 rgb(76,160,152)
```
#52ada5
```
#52ada5 rgb(82,173,165)
```

Shade Color Variation

#5fb3ac
```
#5fb3ac rgb(95,179,172)
```
#6cbab3
```
#6cbab3 rgb(108,186,179)
```
#7ac0ba
```
#7ac0ba rgb(122,192,186)
```
#87c6c1
```
#87c6c1 rgb(135,198,193)
```
#94cdc8
```
#94cdc8 rgb(148,205,200)
```
#a2d3cf
```
#a2d3cf rgb(162,211,207)
```
#afd9d6
```
#afd9d6 rgb(175,217,214)
```
#bcdfdc
```
#bcdfdc rgb(188,223,220)
```
#cae6e3
```
#cae6e3 rgb(202,230,227)
```
#d7ecea
```
#d7ecea rgb(215,236,234)
```
#e4f2f1
```
#e4f2f1 rgb(228,242,241)
```
#f2f9f8
```
#f2f9f8 rgb(242,249,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5d6766 is the less saturated color, while #03c1b1 is the most saturated one.

#5d6766
```
#5d6766 rgb(93,103,102)
```
#566e6c
```
#566e6c rgb(86,110,108)
```
#4e7673
```
#4e7673 rgb(78,118,115)
```
#477d79
```
#477d79 rgb(71,125,121)
```
#3f857f
```
#3f857f rgb(63,133,127)
```
#378d85
```
#378d85 rgb(55,141,133)
```
#30948b
```
#30948b rgb(48,148,139)
```
#289c92
```
#289c92 rgb(40,156,146)
```
#21a398
```
#21a398 rgb(33,163,152)
```
#19ab9e
```
#19ab9e rgb(25,171,158)
```
#12b2a4
```
#12b2a4 rgb(18,178,164)
```
#0abaab
```
#0abaab rgb(10,186,171)
```
#03c1b1
```
#03c1b1 rgb(3,193,177)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#657372 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82807f Protanopia 1% of men
#877d8a Deuteranopia 1% of men
#4e8993 Tritanopia 0.001% of the population

Trichromacy

#6a817f Protanomaly 1% of men, 0.01% of women
#6d8086 Deuteranomaly 6% of men, 0.4% of women
#48878b Tritanomaly 0.01% of the population

#3f857f hex color

#3f857f Color Information

#3f857f Color Conversion

Color Schemes with #3f857f

Alternatives to #3f857f

#3f857f Preview

Shades and Tints of #3f857f

Tones of #3f857f

Color Blindness Simulator