#3f84f1 Color Information
In a RGB color space, hex #3f84f1 is composed of 24.7% red, 51.8% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 73.9% cyan, 45.2% magenta, 0% yellow and 5.5% black. It has a hue angle of 216.7 degrees, a saturation of 86.4% and a lightness of 59.6%. #3f84f1 color hex could be obtained by blending #7effff with #0009e3. Closest websafe color is: #3399ff.
-
- R 25
- G 52
- B 95
-
- C 74
- M 45
- Y 0
- K 5
● #3f84f1 color description : Bright blue.
#3f84f1 Color Conversion
The hexadecimal color #3f84f1 has RGB values of R:63, G:132, B:241 and CMYK values of C:0.74, M:0.45, Y:0, K:0.05. Its decimal value is 4162801.
Hex triplet | 3f84f1 | #3f84f1 |
---|---|---|
RGB Decimal | 63, 132, 241 | rgb(63,132,241) |
RGB Percent | 24.7, 51.8, 94.5 | rgb(24.7%,51.8%,94.5%) |
CMYK | 74, 45, 0, 5 | |
HSL | 216.7°, 86.4, 59.6 | hsl(216.7,86.4%,59.6%) |
HSV (or HSB) | 216.7°, 73.9, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.996, 14.974, -61.065 |
---|---|
XYZ | 26.175, 23.908, 86.45 |
xyY | 0.192, 0.175, 23.908 |
CIE-LCH | 55.996, 62.874, 283.778 |
CIE-LUV | 55.996, -25.697, -97.757 |
Hunter-Lab | 48.896, 9.986, -70.599 |
Binary | 00111111, 10000100, 11110001 |
Color Schemes with #3f84f1
Alternatives to #3f84f1
Below, you can see some colors close to #3f84f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f84f1 Preview
This text has a font color of #3f84f1.
<span style="color:#3f84f1;">Text here</span>
This paragraph has a background color of #3f84f1.
<p style="background-color:#3f84f1;">Content here</p>
This element has a border color of #3f84f1.
<div style="border:1px solid #3f84f1;">Content here</div>
.text {color:#3f84f1;}
.background {background-color:#3f84f1;}
.border {border:1px solid #3f84f1;}
Shades and Tints of #3f84f1
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, #010409 is the darkest color, while #f6f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#020c1b
#020c1b
rgb(2,12,27)
-
#03142e
#03142e
rgb(3,20,46)
-
#051c40
#051c40
rgb(5,28,64)
-
#062452
#062452
rgb(6,36,82)
-
#072b65
#072b65
rgb(7,43,101)
-
#093377
#093377
rgb(9,51,119)
-
#0a3b89
#0a3b89
rgb(10,59,137)
-
#0b439b
#0b439b
rgb(11,67,155)
-
#0d4bae
#0d4bae
rgb(13,75,174)
-
#0e53c0
#0e53c0
rgb(14,83,192)
-
#0f5bd2
#0f5bd2
rgb(15,91,210)
-
#1163e4
#1163e4
rgb(17,99,228)
-
#1a6dee
#1a6dee
rgb(26,109,238)
-
#2d78f0
#2d78f0
rgb(45,120,240)
-
#3f84f1
#3f84f1
rgb(63,132,241)
-
#5190f2
#5190f2
rgb(81,144,242)
-
#649bf4
#649bf4
rgb(100,155,244)
-
#76a7f5
#76a7f5
rgb(118,167,245)
-
#88b3f6
#88b3f6
rgb(136,179,246)
-
#9abff8
#9abff8
rgb(154,191,248)
-
#adcaf9
#adcaf9
rgb(173,202,249)
-
#bfd6fa
#bfd6fa
rgb(191,214,250)
-
#d1e2fc
#d1e2fc
rgb(209,226,252)
-
#e4edfd
#e4edfd
rgb(228,237,253)
-
#f6f9fe
#f6f9fe
rgb(246,249,254)
Tones of #3f84f1
A tone is produced by adding gray to any pure hue. In this case, #96989a is the less saturated color, while #3782f9 is the most saturated one.
-
#96989a
#96989a
rgb(150,152,154)
-
#8e96a2
#8e96a2
rgb(142,150,162)
-
#8694aa
#8694aa
rgb(134,148,170)
-
#7e92b2
#7e92b2
rgb(126,146,178)
-
#7690ba
#7690ba
rgb(118,144,186)
-
#6f8fc1
#6f8fc1
rgb(111,143,193)
-
#678dc9
#678dc9
rgb(103,141,201)
-
#5f8bd1
#5f8bd1
rgb(95,139,209)
-
#5789d9
#5789d9
rgb(87,137,217)
-
#4f88e1
#4f88e1
rgb(79,136,225)
-
#4786e9
#4786e9
rgb(71,134,233)
-
#3f84f1
#3f84f1
rgb(63,132,241)
-
#3782f9
#3782f9
rgb(55,130,249)
Color Blindness Simulator
Below, you can see how #3f84f1 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.