#3f7c84 Color Information
In a RGB color space, hex #3f7c84 is composed of 24.7% red, 48.6% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 6.1% magenta, 0% yellow and 48.2% black. It has a hue angle of 187 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f7c84 color hex could be obtained by blending #7ef8ff with #000009. Closest websafe color is: #336699.
-
- R 25
- G 49
- B 52
-
- C 52
- M 6
- Y 0
- K 48
● #3f7c84 color description : Dark moderate cyan.
#3f7c84 Color Conversion
The hexadecimal color #3f7c84 has RGB values of R:63, G:124, B:132 and CMYK values of C:0.52, M:0.06, Y:0, K:0.48. Its decimal value is 4160644.
Hex triplet | 3f7c84 | #3f7c84 |
---|---|---|
RGB Decimal | 63, 124, 132 | rgb(63,124,132) |
RGB Percent | 24.7, 48.6, 51.8 | rgb(24.7%,48.6%,51.8%) |
CMYK | 52, 6, 0, 48 | |
HSL | 187°, 35.4, 38.2 | hsl(187,35.4%,38.2%) |
HSV (or HSB) | 187°, 52.3, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 48.432, -17.357, -10.438 |
---|---|
XYZ | 13.421, 17.137, 24.429 |
xyY | 0.244, 0.312, 17.137 |
CIE-LCH | 48.432, 20.254, 211.023 |
CIE-LUV | 48.432, -26.237, -12.388 |
Hunter-Lab | 41.397, -14.573, -6.01 |
Binary | 00111111, 01111100, 10000100 |
Color Schemes with #3f7c84
Alternatives to #3f7c84
Below, you can see some colors close to #3f7c84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f7c84 Preview
This text has a font color of #3f7c84.
<span style="color:#3f7c84;">Text here</span>
This paragraph has a background color of #3f7c84.
<p style="background-color:#3f7c84;">Content here</p>
This element has a border color of #3f7c84.
<div style="border:1px solid #3f7c84;">Content here</div>
.text {color:#3f7c84;}
.background {background-color:#3f7c84;}
.border {border:1px solid #3f7c84;}
Shades and Tints of #3f7c84
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, #060c0c is the darkest color, while #feffff is the lightest one.
-
#060c0c
#060c0c
rgb(6,12,12)
-
#0c181a
#0c181a
rgb(12,24,26)
-
#132527
#132527
rgb(19,37,39)
-
#193134
#193134
rgb(25,49,52)
-
#1f3e42
#1f3e42
rgb(31,62,66)
-
#264a4f
#264a4f
rgb(38,74,79)
-
#2c575c
#2c575c
rgb(44,87,92)
-
#326369
#326369
rgb(50,99,105)
-
#397077
#397077
rgb(57,112,119)
-
#3f7c84
#3f7c84
rgb(63,124,132)
-
#458891
#458891
rgb(69,136,145)
-
#4c959f
#4c959f
rgb(76,149,159)
-
#52a1ac
#52a1ac
rgb(82,161,172)
-
#5fa9b3
#5fa9b3
rgb(95,169,179)
-
#6cb0b9
#6cb0b9
rgb(108,176,185)
-
#79b7bf
#79b7bf
rgb(121,183,191)
-
#87bec6
#87bec6
rgb(135,190,198)
-
#94c5cc
#94c5cc
rgb(148,197,204)
-
#a1cdd2
#a1cdd2
rgb(161,205,210)
-
#afd4d9
#afd4d9
rgb(175,212,217)
-
#bcdbdf
#bcdbdf
rgb(188,219,223)
-
#c9e2e5
#c9e2e5
rgb(201,226,229)
-
#d6e9ec
#d6e9ec
rgb(214,233,236)
-
#e4f0f2
#e4f0f2
rgb(228,240,242)
-
#f1f7f8
#f1f7f8
rgb(241,247,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3f7c84
A tone is produced by adding gray to any pure hue. In this case, #5d6566 is the less saturated color, while #03aac0 is the most saturated one.
-
#5d6566
#5d6566
rgb(93,101,102)
-
#566b6e
#566b6e
rgb(86,107,110)
-
#4e7075
#4e7075
rgb(78,112,117)
-
#47767d
#47767d
rgb(71,118,125)
-
#3f7c84
#3f7c84
rgb(63,124,132)
-
#38828c
#38828c
rgb(56,130,140)
-
#308893
#308893
rgb(48,136,147)
-
#298d9b
#298d9b
rgb(41,141,155)
-
#2193a2
#2193a2
rgb(33,147,162)
-
#1a99aa
#1a99aa
rgb(26,153,170)
-
#129fb1
#129fb1
rgb(18,159,177)
-
#0ba4b9
#0ba4b9
rgb(11,164,185)
-
#03aac0
#03aac0
rgb(3,170,192)
Color Blindness Simulator
Below, you can see how #3f7c84 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.