#3f8ae2 Color Information
In a RGB color space, hex #3f8ae2 is composed of 24.7% red, 54.1% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 38.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 212.4 degrees, a saturation of 73.8% and a lightness of 56.7%. #3f8ae2 color hex could be obtained by blending #7effff with #0015c5. Closest websafe color is: #3399cc.
-
- R 25
- G 54
- B 89
-
- C 72
- M 39
- Y 0
- K 11
● #3f8ae2 color description : Bright blue.
#3f8ae2 Color Conversion
The hexadecimal color #3f8ae2 has RGB values of R:63, G:138, B:226 and CMYK values of C:0.72, M:0.39, Y:0, K:0.11. Its decimal value is 4164322.
Hex triplet | 3f8ae2 | #3f8ae2 |
---|---|---|
RGB Decimal | 63, 138, 226 | rgb(63,138,226) |
RGB Percent | 24.7, 54.1, 88.6 | rgb(24.7%,54.1%,88.6%) |
CMYK | 72, 39, 0, 11 | |
HSL | 212.4°, 73.8, 56.7 | hsl(212.4,73.8%,56.7%) |
HSV (or HSB) | 212.4°, 72.1, 88.6 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 56.804, 5.96, -51.425 |
---|---|
XYZ | 24.863, 24.723, 75.409 |
xyY | 0.199, 0.198, 24.723 |
CIE-LCH | 56.804, 51.77, 276.611 |
CIE-LUV | 56.804, -28.012, -81.652 |
Hunter-Lab | 49.722, 2.242, -55.114 |
Binary | 00111111, 10001010, 11100010 |
Color Schemes with #3f8ae2
Alternatives to #3f8ae2
Below, you can see some colors close to #3f8ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f8ae2 Preview
This text has a font color of #3f8ae2.
<span style="color:#3f8ae2;">Text here</span>
This paragraph has a background color of #3f8ae2.
<p style="background-color:#3f8ae2;">Content here</p>
This element has a border color of #3f8ae2.
<div style="border:1px solid #3f8ae2;">Content here</div>
.text {color:#3f8ae2;}
.background {background-color:#3f8ae2;}
.border {border:1px solid #3f8ae2;}
Shades and Tints of #3f8ae2
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, #02070c is the darkest color, while #fafcfe is the lightest one.
-
#02070c
#02070c
rgb(2,7,12)
-
#04101e
#04101e
rgb(4,16,30)
-
#07192f
#07192f
rgb(7,25,47)
-
#0a2240
#0a2240
rgb(10,34,64)
-
#0c2c51
#0c2c51
rgb(12,44,81)
-
#0f3562
#0f3562
rgb(15,53,98)
-
#113e73
#113e73
rgb(17,62,115)
-
#144784
#144784
rgb(20,71,132)
-
#165195
#165195
rgb(22,81,149)
-
#195aa6
#195aa6
rgb(25,90,166)
-
#1c63b7
#1c63b7
rgb(28,99,183)
-
#1e6cc8
#1e6cc8
rgb(30,108,200)
-
#2176d9
#2176d9
rgb(33,118,217)
-
#2e80df
#2e80df
rgb(46,128,223)
-
#3f8ae2
#3f8ae2
rgb(63,138,226)
-
#5094e5
#5094e5
rgb(80,148,229)
-
#619fe7
#619fe7
rgb(97,159,231)
-
#72a9ea
#72a9ea
rgb(114,169,234)
-
#83b4ec
#83b4ec
rgb(131,180,236)
-
#94beef
#94beef
rgb(148,190,239)
-
#a5c8f1
#a5c8f1
rgb(165,200,241)
-
#b6d3f4
#b6d3f4
rgb(182,211,244)
-
#c7ddf7
#c7ddf7
rgb(199,221,247)
-
#d8e7f9
#d8e7f9
rgb(216,231,249)
-
#e9f2fc
#e9f2fc
rgb(233,242,252)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #3f8ae2
A tone is produced by adding gray to any pure hue. In this case, #8c9096 is the less saturated color, while #2688fc is the most saturated one.
-
#8c9096
#8c9096
rgb(140,144,150)
-
#838f9e
#838f9e
rgb(131,143,158)
-
#7b8fa7
#7b8fa7
rgb(123,143,167)
-
#728eaf
#728eaf
rgb(114,142,175)
-
#6a8db8
#6a8db8
rgb(106,141,184)
-
#618dc0
#618dc0
rgb(97,141,192)
-
#598cc9
#598cc9
rgb(89,140,201)
-
#508bd1
#508bd1
rgb(80,139,209)
-
#488bda
#488bda
rgb(72,139,218)
-
#3f8ae2
#3f8ae2
rgb(63,138,226)
-
#3789eb
#3789eb
rgb(55,137,235)
-
#2e89f3
#2e89f3
rgb(46,137,243)
-
#2688fc
#2688fc
rgb(38,136,252)
Color Blindness Simulator
Below, you can see how #3f8ae2 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.