#3f7bb3 Color Information
In a RGB color space, hex #3f7bb3 is composed of 24.7% red, 48.2% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 31.3% magenta, 0% yellow and 29.8% black. It has a hue angle of 209 degrees, a saturation of 47.9% and a lightness of 47.5%. #3f7bb3 color hex could be obtained by blending #7ef6ff with #000067. Closest websafe color is: #3366cc.
-
- R 25
- G 48
- B 70
-
- C 65
- M 31
- Y 0
- K 30
● #3f7bb3 color description : Moderate blue.
#3f7bb3 Color Conversion
The hexadecimal color #3f7bb3 has RGB values of R:63, G:123, B:179 and CMYK values of C:0.65, M:0.31, Y:0, K:0.3. Its decimal value is 4160435.
Hex triplet | 3f7bb3 | #3f7bb3 |
---|---|---|
RGB Decimal | 63, 123, 179 | rgb(63,123,179) |
RGB Percent | 24.7, 48.2, 70.2 | rgb(24.7%,48.2%,70.2%) |
CMYK | 65, 31, 0, 30 | |
HSL | 209°, 47.9, 47.5 | hsl(209,47.9%,47.5%) |
HSV (or HSB) | 209°, 64.8, 70.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 50.069, -1.595, -35.396 |
---|---|
XYZ | 17.268, 18.476, 45.302 |
xyY | 0.213, 0.228, 18.476 |
CIE-LCH | 50.069, 35.432, 267.42 |
CIE-LUV | 50.069, -24.297, -53.314 |
Hunter-Lab | 42.984, -3.514, -32.398 |
Binary | 00111111, 01111011, 10110011 |
Color Schemes with #3f7bb3
Alternatives to #3f7bb3
Below, you can see some colors close to #3f7bb3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f7bb3 Preview
This text has a font color of #3f7bb3.
<span style="color:#3f7bb3;">Text here</span>
This paragraph has a background color of #3f7bb3.
<p style="background-color:#3f7bb3;">Content here</p>
This element has a border color of #3f7bb3.
<div style="border:1px solid #3f7bb3;">Content here</div>
.text {color:#3f7bb3;}
.background {background-color:#3f7bb3;}
.border {border:1px solid #3f7bb3;}
Shades and Tints of #3f7bb3
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, #020305 is the darkest color, while #f5f9fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070d13
#070d13
rgb(7,13,19)
-
#0c1722
#0c1722
rgb(12,23,34)
-
#112130
#112130
rgb(17,33,48)
-
#162b3f
#162b3f
rgb(22,43,63)
-
#1b354d
#1b354d
rgb(27,53,77)
-
#203f5c
#203f5c
rgb(32,63,92)
-
#25496a
#25496a
rgb(37,73,106)
-
#2b5379
#2b5379
rgb(43,83,121)
-
#305d87
#305d87
rgb(48,93,135)
-
#356796
#356796
rgb(53,103,150)
-
#3a71a4
#3a71a4
rgb(58,113,164)
-
#3f7bb3
#3f7bb3
rgb(63,123,179)
-
#4785be
#4785be
rgb(71,133,190)
-
#568fc3
#568fc3
rgb(86,143,195)
-
#6498c9
#6498c9
rgb(100,152,201)
-
#73a2ce
#73a2ce
rgb(115,162,206)
-
#81abd3
#81abd3
rgb(129,171,211)
-
#90b5d8
#90b5d8
rgb(144,181,216)
-
#9ebfdd
#9ebfdd
rgb(158,191,221)
-
#adc8e2
#adc8e2
rgb(173,200,226)
-
#bbd2e7
#bbd2e7
rgb(187,210,231)
-
#cadcec
#cadcec
rgb(202,220,236)
-
#d8e5f1
#d8e5f1
rgb(216,229,241)
-
#e7eff7
#e7eff7
rgb(231,239,247)
-
#f5f9fc
#f5f9fc
rgb(245,249,252)
Tones of #3f7bb3
A tone is produced by adding gray to any pure hue. In this case, #77797b is the less saturated color, while #077deb is the most saturated one.
-
#77797b
#77797b
rgb(119,121,123)
-
#6e7984
#6e7984
rgb(110,121,132)
-
#647a8e
#647a8e
rgb(100,122,142)
-
#5b7a97
#5b7a97
rgb(91,122,151)
-
#527aa0
#527aa0
rgb(82,122,160)
-
#487baa
#487baa
rgb(72,123,170)
-
#3f7bb3
#3f7bb3
rgb(63,123,179)
-
#367bbc
#367bbc
rgb(54,123,188)
-
#2c7cc6
#2c7cc6
rgb(44,124,198)
-
#237ccf
#237ccf
rgb(35,124,207)
-
#1a7cd8
#1a7cd8
rgb(26,124,216)
-
#107de2
#107de2
rgb(16,125,226)
-
#077deb
#077deb
rgb(7,125,235)
Color Blindness Simulator
Below, you can see how #3f7bb3 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.