#3f778a Color Information
In a RGB color space, hex #3f778a is composed of 24.7% red, 46.7% green and 54.1% blue. Whereas in a CMYK color space, it is composed of 54.3% cyan, 13.8% magenta, 0% yellow and 45.9% black. It has a hue angle of 195.2 degrees, a saturation of 37.3% and a lightness of 39.4%. #3f778a color hex could be obtained by blending #7eeeff with #000015. Closest websafe color is: #336699.
-
- R 25
- G 47
- B 54
-
- C 54
- M 14
- Y 0
- K 46
● #3f778a color description : Dark moderate blue.
#3f778a Color Conversion
The hexadecimal color #3f778a has RGB values of R:63, G:119, B:138 and CMYK values of C:0.54, M:0.14, Y:0, K:0.46. Its decimal value is 4159370.
Hex triplet | 3f778a | #3f778a |
---|---|---|
RGB Decimal | 63, 119, 138 | rgb(63,119,138) |
RGB Percent | 24.7, 46.7, 54.1 | rgb(24.7%,46.7%,54.1%) |
CMYK | 54, 14, 0, 46 | |
HSL | 195.2°, 37.3, 39.4 | hsl(195.2,37.3%,39.4%) |
HSV (or HSB) | 195.2°, 54.3, 54.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 47.085, -12.774, -16.025 |
---|---|
XYZ | 13.233, 16.085, 26.451 |
xyY | 0.237, 0.288, 16.085 |
CIE-LCH | 47.085, 20.493, 231.441 |
CIE-LUV | 47.085, -24.05, -21.258 |
Hunter-Lab | 40.106, -11.288, -11.029 |
Binary | 00111111, 01110111, 10001010 |
Color Schemes with #3f778a
Alternatives to #3f778a
Below, you can see some colors close to #3f778a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f778a Preview
This text has a font color of #3f778a.
<span style="color:#3f778a;">Text here</span>
This paragraph has a background color of #3f778a.
<p style="background-color:#3f778a;">Content here</p>
This element has a border color of #3f778a.
<div style="border:1px solid #3f778a;">Content here</div>
.text {color:#3f778a;}
.background {background-color:#3f778a;}
.border {border:1px solid #3f778a;}
Shades and Tints of #3f778a
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, #020303 is the darkest color, while #f5f9fa is the lightest one.
-
#020303
#020303
rgb(2,3,3)
-
#080e11
#080e11
rgb(8,14,17)
-
#0e1a1e
#0e1a1e
rgb(14,26,30)
-
#14262c
#14262c
rgb(20,38,44)
-
#1a3139
#1a3139
rgb(26,49,57)
-
#203d47
#203d47
rgb(32,61,71)
-
#264954
#264954
rgb(38,73,84)
-
#2d5462
#2d5462
rgb(45,84,98)
-
#33606f
#33606f
rgb(51,96,111)
-
#396b7d
#396b7d
rgb(57,107,125)
-
#3f778a
#3f778a
rgb(63,119,138)
-
#458397
#458397
rgb(69,131,151)
-
#4b8ea5
#4b8ea5
rgb(75,142,165)
-
#5399b1
#5399b1
rgb(83,153,177)
-
#61a1b7
#61a1b7
rgb(97,161,183)
-
#6ea9bd
#6ea9bd
rgb(110,169,189)
-
#7cb1c3
#7cb1c3
rgb(124,177,195)
-
#89b9c9
#89b9c9
rgb(137,185,201)
-
#97c1cf
#97c1cf
rgb(151,193,207)
-
#a4c9d5
#a4c9d5
rgb(164,201,213)
-
#b2d1dc
#b2d1dc
rgb(178,209,220)
-
#bfd9e2
#bfd9e2
rgb(191,217,226)
-
#cce1e8
#cce1e8
rgb(204,225,232)
-
#dae9ee
#dae9ee
rgb(218,233,238)
-
#e7f1f4
#e7f1f4
rgb(231,241,244)
-
#f5f9fa
#f5f9fa
rgb(245,249,250)
Tones of #3f778a
A tone is produced by adding gray to any pure hue. In this case, #5e686b is the less saturated color, while #0196c8 is the most saturated one.
-
#5e686b
#5e686b
rgb(94,104,107)
-
#566c73
#566c73
rgb(86,108,115)
-
#4e6f7b
#4e6f7b
rgb(78,111,123)
-
#477382
#477382
rgb(71,115,130)
-
#3f778a
#3f778a
rgb(63,119,138)
-
#377b92
#377b92
rgb(55,123,146)
-
#307f99
#307f99
rgb(48,127,153)
-
#2882a1
#2882a1
rgb(40,130,161)
-
#2086a9
#2086a9
rgb(32,134,169)
-
#188ab1
#188ab1
rgb(24,138,177)
-
#118eb8
#118eb8
rgb(17,142,184)
-
#0992c0
#0992c0
rgb(9,146,192)
-
#0196c8
#0196c8
rgb(1,150,200)
Color Blindness Simulator
Below, you can see how #3f778a 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.