#3f84b2 Color Information
In a RGB color space, hex #3f84b2 is composed of 24.7% red, 51.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 25.8% magenta, 0% yellow and 30.2% black. It has a hue angle of 204 degrees, a saturation of 47.7% and a lightness of 47.3%. #3f84b2 color hex could be obtained by blending #7effff with #000965. Closest websafe color is: #339999.
-
- R 25
- G 52
- B 70
-
- C 65
- M 26
- Y 0
- K 30
● #3f84b2 color description : Dark moderate blue.
#3f84b2 Color Conversion
The hexadecimal color #3f84b2 has RGB values of R:63, G:132, B:178 and CMYK values of C:0.65, M:0.26, Y:0, K:0.3. Its decimal value is 4162738.
Hex triplet | 3f84b2 | #3f84b2 |
---|---|---|
RGB Decimal | 63, 132, 178 | rgb(63,132,178) |
RGB Percent | 24.7, 51.8, 69.8 | rgb(24.7%,51.8%,69.8%) |
CMYK | 65, 26, 0, 30 | |
HSL | 204°, 47.7, 47.3 | hsl(204,47.7%,47.3%) |
HSV (or HSB) | 204°, 64.6, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 52.699, -7.215, -30.705 |
---|---|
XYZ | 18.335, 20.772, 45.16 |
xyY | 0.218, 0.247, 20.772 |
CIE-LCH | 52.699, 31.541, 256.776 |
CIE-LUV | 52.699, -27.578, -45.653 |
Hunter-Lab | 45.577, -7.95, -26.845 |
Binary | 00111111, 10000100, 10110010 |
Color Schemes with #3f84b2
Alternatives to #3f84b2
Below, you can see some colors close to #3f84b2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f84b2 Preview
This text has a font color of #3f84b2.
<span style="color:#3f84b2;">Text here</span>
This paragraph has a background color of #3f84b2.
<p style="background-color:#3f84b2;">Content here</p>
This element has a border color of #3f84b2.
<div style="border:1px solid #3f84b2;">Content here</div>
.text {color:#3f84b2;}
.background {background-color:#3f84b2;}
.border {border:1px solid #3f84b2;}
Shades and Tints of #3f84b2
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, #010304 is the darkest color, while #f5f9fb is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#070e13
#070e13
rgb(7,14,19)
-
#0c1921
#0c1921
rgb(12,25,33)
-
#112330
#112330
rgb(17,35,48)
-
#162e3e
#162e3e
rgb(22,46,62)
-
#1b394d
#1b394d
rgb(27,57,77)
-
#20445b
#20445b
rgb(32,68,91)
-
#254e6a
#254e6a
rgb(37,78,106)
-
#2a5978
#2a5978
rgb(42,89,120)
-
#306487
#306487
rgb(48,100,135)
-
#356f95
#356f95
rgb(53,111,149)
-
#3a79a4
#3a79a4
rgb(58,121,164)
-
#3f84b2
#3f84b2
rgb(63,132,178)
-
#478ebe
#478ebe
rgb(71,142,190)
-
#5597c3
#5597c3
rgb(85,151,195)
-
#64a0c8
#64a0c8
rgb(100,160,200)
-
#72a9cd
#72a9cd
rgb(114,169,205)
-
#81b2d2
#81b2d2
rgb(129,178,210)
-
#8fbbd7
#8fbbd7
rgb(143,187,215)
-
#9ec3dd
#9ec3dd
rgb(158,195,221)
-
#accce2
#accce2
rgb(172,204,226)
-
#bbd5e7
#bbd5e7
rgb(187,213,231)
-
#c9deec
#c9deec
rgb(201,222,236)
-
#d8e7f1
#d8e7f1
rgb(216,231,241)
-
#e6f0f6
#e6f0f6
rgb(230,240,246)
-
#f5f9fb
#f5f9fb
rgb(245,249,251)
Tones of #3f84b2
A tone is produced by adding gray to any pure hue. In this case, #77797a is the less saturated color, while #078fea is the most saturated one.
-
#77797a
#77797a
rgb(119,121,122)
-
#6d7b84
#6d7b84
rgb(109,123,132)
-
#647d8d
#647d8d
rgb(100,125,141)
-
#5b7e96
#5b7e96
rgb(91,126,150)
-
#52809f
#52809f
rgb(82,128,159)
-
#4882a9
#4882a9
rgb(72,130,169)
-
#3f84b2
#3f84b2
rgb(63,132,178)
-
#3686bb
#3686bb
rgb(54,134,187)
-
#2c88c5
#2c88c5
rgb(44,136,197)
-
#238ace
#238ace
rgb(35,138,206)
-
#1a8bd7
#1a8bd7
rgb(26,139,215)
-
#118de0
#118de0
rgb(17,141,224)
-
#078fea
#078fea
rgb(7,143,234)
Color Blindness Simulator
Below, you can see how #3f84b2 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.