#3f7366 Color Information
In a RGB color space, hex #3f7366 is composed of 24.7% red, 45.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 0% magenta, 11.3% yellow and 54.9% black. It has a hue angle of 165 degrees, a saturation of 29.2% and a lightness of 34.9%. #3f7366 color hex could be obtained by blending #7ee6cc with #000000. Closest websafe color is: #336666.
-
- R 25
- G 45
- B 40
-
- C 45
- M 0
- Y 11
- K 55
● #3f7366 color description : Dark moderate cyan.
#3f7366 Color Conversion
The hexadecimal color #3f7366 has RGB values of R:63, G:115, B:102 and CMYK values of C:0.45, M:0, Y:0.11, K:0.55. Its decimal value is 4158310.
Hex triplet | 3f7366 | #3f7366 |
---|---|---|
RGB Decimal | 63, 115, 102 | rgb(63,115,102) |
RGB Percent | 24.7, 45.1, 40 | rgb(24.7%,45.1%,40%) |
CMYK | 45, 0, 11, 55 | |
HSL | 165°, 29.2, 34.9 | hsl(165,29.2%,34.9%) |
HSV (or HSB) | 165°, 45.2, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 44.627, -20.818, 1.772 |
---|---|
XYZ | 10.578, 14.277, 14.768 |
xyY | 0.267, 0.36, 14.277 |
CIE-LCH | 44.627, 20.894, 175.135 |
CIE-LUV | 44.627, -23.534, 5.376 |
Hunter-Lab | 37.785, -16.151, 3.276 |
Binary | 00111111, 01110011, 01100110 |
Color Schemes with #3f7366
Alternatives to #3f7366
Below, you can see some colors close to #3f7366. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f7366 Preview
This text has a font color of #3f7366.
<span style="color:#3f7366;">Text here</span>
This paragraph has a background color of #3f7366.
<p style="background-color:#3f7366;">Content here</p>
This element has a border color of #3f7366.
<div style="border:1px solid #3f7366;">Content here</div>
.text {color:#3f7366;}
.background {background-color:#3f7366;}
.border {border:1px solid #3f7366;}
Shades and Tints of #3f7366
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, #010101 is the darkest color, while #f3f9f7 is the lightest one.
-
#010101
#010101
rgb(1,1,1)
-
#070e0c
#070e0c
rgb(7,14,12)
-
#0e1a17
#0e1a17
rgb(14,26,23)
-
#152723
#152723
rgb(21,39,35)
-
#1c342e
#1c342e
rgb(28,52,46)
-
#234039
#234039
rgb(35,64,57)
-
#2a4d44
#2a4d44
rgb(42,77,68)
-
#315a50
#315a50
rgb(49,90,80)
-
#38665b
#38665b
rgb(56,102,91)
-
#3f7366
#3f7366
rgb(63,115,102)
-
#468071
#468071
rgb(70,128,113)
-
#4d8c7c
#4d8c7c
rgb(77,140,124)
-
#549988
#549988
rgb(84,153,136)
-
#5ba593
#5ba593
rgb(91,165,147)
-
#68ac9b
#68ac9b
rgb(104,172,155)
-
#75b3a3
#75b3a3
rgb(117,179,163)
-
#81baac
#81baac
rgb(129,186,172)
-
#8ec1b4
#8ec1b4
rgb(142,193,180)
-
#9bc8bd
#9bc8bd
rgb(155,200,189)
-
#a7cfc5
#a7cfc5
rgb(167,207,197)
-
#b4d6cd
#b4d6cd
rgb(180,214,205)
-
#c1ddd6
#c1ddd6
rgb(193,221,214)
-
#cde4de
#cde4de
rgb(205,228,222)
-
#daebe6
#daebe6
rgb(218,235,230)
-
#e7f2ef
#e7f2ef
rgb(231,242,239)
-
#f3f9f7
#f3f9f7
rgb(243,249,247)
Tones of #3f7366
A tone is produced by adding gray to any pure hue. In this case, #545e5c is the less saturated color, while #01b185 is the most saturated one.
-
#545e5c
#545e5c
rgb(84,94,92)
-
#4d655f
#4d655f
rgb(77,101,95)
-
#466c63
#466c63
rgb(70,108,99)
-
#3f7366
#3f7366
rgb(63,115,102)
-
#387a69
#387a69
rgb(56,122,105)
-
#31816d
#31816d
rgb(49,129,109)
-
#2a8870
#2a8870
rgb(42,136,112)
-
#248e74
#248e74
rgb(36,142,116)
-
#1d9577
#1d9577
rgb(29,149,119)
-
#169c7b
#169c7b
rgb(22,156,123)
-
#0fa37e
#0fa37e
rgb(15,163,126)
-
#08aa81
#08aa81
rgb(8,170,129)
-
#01b185
#01b185
rgb(1,177,133)
Color Blindness Simulator
Below, you can see how #3f7366 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.