#3f6f84 Color Information
In a RGB color space, hex #3f6f84 is composed of 24.7% red, 43.5% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 15.9% magenta, 0% yellow and 48.2% black. It has a hue angle of 198.3 degrees, a saturation of 35.4% and a lightness of 38.2%. #3f6f84 color hex could be obtained by blending #7edeff with #000009. Closest websafe color is: #336699.
-
- R 25
- G 44
- B 52
-
- C 52
- M 16
- Y 0
- K 48
● #3f6f84 color description : Dark moderate blue.
#3f6f84 Color Conversion
The hexadecimal color #3f6f84 has RGB values of R:63, G:111, B:132 and CMYK values of C:0.52, M:0.16, Y:0, K:0.48. Its decimal value is 4157316.
Hex triplet | 3f6f84 | #3f6f84 |
---|---|---|
RGB Decimal | 63, 111, 132 | rgb(63,111,132) |
RGB Percent | 24.7, 43.5, 51.8 | rgb(24.7%,43.5%,51.8%) |
CMYK | 52, 16, 0, 48 | |
HSL | 198.3°, 35.4, 38.2 | hsl(198.3,35.4%,38.2%) |
HSV (or HSB) | 198.3°, 52.3, 51.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.363, -10.064, -16.607 |
---|---|
XYZ | 11.898, 14.091, 23.921 |
xyY | 0.238, 0.282, 14.091 |
CIE-LCH | 44.363, 19.418, 238.783 |
CIE-LUV | 44.363, -21.063, -22.193 |
Hunter-Lab | 37.538, -9.113, -11.507 |
Binary | 00111111, 01101111, 10000100 |
Color Schemes with #3f6f84
Alternatives to #3f6f84
Below, you can see some colors close to #3f6f84. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f6f84 Preview
This text has a font color of #3f6f84.
<span style="color:#3f6f84;">Text here</span>
This paragraph has a background color of #3f6f84.
<p style="background-color:#3f6f84;">Content here</p>
This element has a border color of #3f6f84.
<div style="border:1px solid #3f6f84;">Content here</div>
.text {color:#3f6f84;}
.background {background-color:#3f6f84;}
.border {border:1px solid #3f6f84;}
Shades and Tints of #3f6f84
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, #060b0c is the darkest color, while #feffff is the lightest one.
-
#060b0c
#060b0c
rgb(6,11,12)
-
#0c161a
#0c161a
rgb(12,22,26)
-
#132127
#132127
rgb(19,33,39)
-
#192c34
#192c34
rgb(25,44,52)
-
#1f3742
#1f3742
rgb(31,55,66)
-
#26424f
#26424f
rgb(38,66,79)
-
#2c4e5c
#2c4e5c
rgb(44,78,92)
-
#325969
#325969
rgb(50,89,105)
-
#396477
#396477
rgb(57,100,119)
-
#3f6f84
#3f6f84
rgb(63,111,132)
-
#457a91
#457a91
rgb(69,122,145)
-
#4c859f
#4c859f
rgb(76,133,159)
-
#5290ac
#5290ac
rgb(82,144,172)
-
#5f99b3
#5f99b3
rgb(95,153,179)
-
#6ca2b9
#6ca2b9
rgb(108,162,185)
-
#79aabf
#79aabf
rgb(121,170,191)
-
#87b2c6
#87b2c6
rgb(135,178,198)
-
#94bbcc
#94bbcc
rgb(148,187,204)
-
#a1c3d2
#a1c3d2
rgb(161,195,210)
-
#afccd9
#afccd9
rgb(175,204,217)
-
#bcd4df
#bcd4df
rgb(188,212,223)
-
#c9dde5
#c9dde5
rgb(201,221,229)
-
#d6e5ec
#d6e5ec
rgb(214,229,236)
-
#e4eef2
#e4eef2
rgb(228,238,242)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3f6f84
A tone is produced by adding gray to any pure hue. In this case, #5d6366 is the less saturated color, while #0386c0 is the most saturated one.
-
#5d6366
#5d6366
rgb(93,99,102)
-
#56666e
#56666e
rgb(86,102,110)
-
#4e6975
#4e6975
rgb(78,105,117)
-
#476c7d
#476c7d
rgb(71,108,125)
-
#3f6f84
#3f6f84
rgb(63,111,132)
-
#38728c
#38728c
rgb(56,114,140)
-
#307593
#307593
rgb(48,117,147)
-
#29789b
#29789b
rgb(41,120,155)
-
#217ba2
#217ba2
rgb(33,123,162)
-
#1a7eaa
#1a7eaa
rgb(26,126,170)
-
#1281b1
#1281b1
rgb(18,129,177)
-
#0b84b9
#0b84b9
rgb(11,132,185)
-
#0386c0
#0386c0
rgb(3,134,192)
Color Blindness Simulator
Below, you can see how #3f6f84 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.