#3f80b5 Color Information
In a RGB color space, hex #3f80b5 is composed of 24.7% red, 50.2% green and 71% blue. Whereas in a CMYK color space, it is composed of 65.2% cyan, 29.3% magenta, 0% yellow and 29% black. It has a hue angle of 206.9 degrees, a saturation of 48.4% and a lightness of 47.8%. #3f80b5 color hex could be obtained by blending #7effff with #00016b. Closest websafe color is: #3399cc.
-
- R 25
- G 50
- B 71
-
- C 65
- M 29
- Y 0
- K 29
● #3f80b5 color description : Moderate blue.
#3f80b5 Color Conversion
The hexadecimal color #3f80b5 has RGB values of R:63, G:128, B:181 and CMYK values of C:0.65, M:0.29, Y:0, K:0.29. Its decimal value is 4161717.
Hex triplet | 3f80b5 | #3f80b5 |
---|---|---|
RGB Decimal | 63, 128, 181 | rgb(63,128,181) |
RGB Percent | 24.7, 50.2, 71 | rgb(24.7%,50.2%,71%) |
CMYK | 65, 29, 0, 29 | |
HSL | 206.9°, 48.4, 47.8 | hsl(206.9,48.4%,47.8%) |
HSV (or HSB) | 206.9°, 65.2, 71 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 51.644, -3.868, -34.078 |
---|---|
XYZ | 18.108, 19.83, 46.587 |
xyY | 0.214, 0.235, 19.83 |
CIE-LCH | 51.644, 34.297, 263.524 |
CIE-LUV | 51.644, -26.025, -51.272 |
Hunter-Lab | 44.531, -5.346, -30.856 |
Binary | 00111111, 10000000, 10110101 |
Color Schemes with #3f80b5
Alternatives to #3f80b5
Below, you can see some colors close to #3f80b5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f80b5 Preview
This text has a font color of #3f80b5.
<span style="color:#3f80b5;">Text here</span>
This paragraph has a background color of #3f80b5.
<p style="background-color:#3f80b5;">Content here</p>
This element has a border color of #3f80b5.
<div style="border:1px solid #3f80b5;">Content here</div>
.text {color:#3f80b5;}
.background {background-color:#3f80b5;}
.border {border:1px solid #3f80b5;}
Shades and Tints of #3f80b5
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, #020506 is the darkest color, while #f7fafc is the lightest one.
-
#020506
#020506
rgb(2,5,6)
-
#070f15
#070f15
rgb(7,15,21)
-
#0c1923
#0c1923
rgb(12,25,35)
-
#112332
#112332
rgb(17,35,50)
-
#162e41
#162e41
rgb(22,46,65)
-
#1c384f
#1c384f
rgb(28,56,79)
-
#21425e
#21425e
rgb(33,66,94)
-
#264d6c
#264d6c
rgb(38,77,108)
-
#2b577b
#2b577b
rgb(43,87,123)
-
#306189
#306189
rgb(48,97,137)
-
#356b98
#356b98
rgb(53,107,152)
-
#3a76a6
#3a76a6
rgb(58,118,166)
-
#3f80b5
#3f80b5
rgb(63,128,181)
-
#488abf
#488abf
rgb(72,138,191)
-
#5793c4
#5793c4
rgb(87,147,196)
-
#659dca
#659dca
rgb(101,157,202)
-
#74a6cf
#74a6cf
rgb(116,166,207)
-
#82afd4
#82afd4
rgb(130,175,212)
-
#91b8d9
#91b8d9
rgb(145,184,217)
-
#a0c2de
#a0c2de
rgb(160,194,222)
-
#aecbe3
#aecbe3
rgb(174,203,227)
-
#bdd4e8
#bdd4e8
rgb(189,212,232)
-
#cbdeed
#cbdeed
rgb(203,222,237)
-
#dae7f2
#dae7f2
rgb(218,231,242)
-
#e8f0f7
#e8f0f7
rgb(232,240,247)
-
#f7fafc
#f7fafc
rgb(247,250,252)
Tones of #3f80b5
A tone is produced by adding gray to any pure hue. In this case, #777a7d is the less saturated color, while #0786ed is the most saturated one.
-
#777a7d
#777a7d
rgb(119,122,125)
-
#6e7b86
#6e7b86
rgb(110,123,134)
-
#657c8f
#657c8f
rgb(101,124,143)
-
#5b7d99
#5b7d99
rgb(91,125,153)
-
#527ea2
#527ea2
rgb(82,126,162)
-
#487fac
#487fac
rgb(72,127,172)
-
#3f80b5
#3f80b5
rgb(63,128,181)
-
#3681be
#3681be
rgb(54,129,190)
-
#2c82c8
#2c82c8
rgb(44,130,200)
-
#2383d1
#2383d1
rgb(35,131,209)
-
#1984db
#1984db
rgb(25,132,219)
-
#1085e4
#1085e4
rgb(16,133,228)
-
#0786ed
#0786ed
rgb(7,134,237)
Color Blindness Simulator
Below, you can see how #3f80b5 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.