#3f6ae0 hex color

In a RGB color space, hex #3f6ae0 is composed of 24.7% red, 41.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 52.7% magenta, 0% yellow and 12.2% black. It has a hue angle of 224 degrees, a saturation of 72.2% and a lightness of 56.3%. #3f6ae0 color hex could be obtained by blending #7ed4ff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 25
- G 42
- B 88
RGB color chart
- C 72
- M 53
- Y 0
- K 12
CMYK color chart

● #3f6ae0 color description : Bright blue.

The hexadecimal color #3f6ae0 has RGB values of R:63, G:106, B:224 and CMYK values of C:0.72, M:0.53, Y:0, K:0.12. Its decimal value is 4156128.

Hex triplet	3f6ae0	`#3f6ae0`
RGB Decimal	63, 106, 224	`rgb(63,106,224)`
RGB Percent	24.7, 41.6, 87.8	`rgb(24.7%,41.6%,87.8%)`
CMYK	72, 53, 0, 12
HSL	224°, 72.2, 56.3	`hsl(224,72.2%,56.3%)`
HSV (or HSB)	224°, 71.9, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.937, 25.017, -64.537
XYZ	20.656, 16.745, 72.661
xyY	0.188, 0.152, 16.745
CIE-LCH	47.937, 69.216, 291.189
CIE-LUV	47.937, -18.172, -100.118
Hunter-Lab	40.921, 18.49, -76.632
Binary	00111111, 01101010, 11100000

#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#e0b53f
```
#e0b53f rgb(224,181,63)
```

Complementary Color

#3fbbe0
```
#3fbbe0 rgb(63,187,224)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#653fe0
```
#653fe0 rgb(101,63,224)
```

Analogous Color

#bbe03f
```
#bbe03f rgb(187,224,63)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#e0653f
```
#e0653f rgb(224,101,63)
```

Split Complementary Color

#6ae03f
```
#6ae03f rgb(106,224,63)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#e03f6a
```
#e03f6a rgb(224,63,106)
```

Triadic Color

#3fe0b5
```
#3fe0b5 rgb(63,224,181)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#e03f6a
```
#e03f6a rgb(224,63,106)
```
#e0b53f
```
#e0b53f rgb(224,181,63)
```

Tetradic Color

#1d46b5
```
#1d46b5 rgb(29,70,181)
```
#214ecb
```
#214ecb rgb(33,78,203)
```
#2959dc
```
#2959dc rgb(41,89,220)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#557be4
```
#557be4 rgb(85,123,228)
```
#6b8ce7
```
#6b8ce7 rgb(107,140,231)
```
#819deb
```
#819deb rgb(129,157,235)
```

Monochromatic Color

Below, you can see some colors close to #3f6ae0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3f92e0
```
#3f92e0 rgb(63,146,224)
```
#3f85e0
```
#3f85e0 rgb(63,133,224)
```
#3f77e0
```
#3f77e0 rgb(63,119,224)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#3f5de0
```
#3f5de0 rgb(63,93,224)
```
#3f4fe0
```
#3f4fe0 rgb(63,79,224)
```
#3f42e0
```
#3f42e0 rgb(63,66,224)
```

Similar Colors

Text with hexadecimal color #3f6ae0

This text has a font color of #3f6ae0.

<span style="color:#3f6ae0;">Text here</span>

#3f6ae0 background color

This paragraph has a background color of #3f6ae0.

<p style="background-color:#3f6ae0;">Content here</p>

#3f6ae0 border color

This element has a border color of #3f6ae0.

<div style="border:1px solid #3f6ae0;">Content here</div>

CSS codes

.text {color:#3f6ae0;}

.background {background-color:#3f6ae0;}

.border {border:1px solid #3f6ae0;}

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#040b1c
```
#040b1c rgb(4,11,28)
```
#07112c
```
#07112c rgb(7,17,44)
```
#0a183d
```
#0a183d rgb(10,24,61)
```
#0d1e4e
```
#0d1e4e rgb(13,30,78)
```
#0f255f
```
#0f255f rgb(15,37,95)
```
#122b70
```
#122b70 rgb(18,43,112)
```
#153281
```
#153281 rgb(21,50,129)
```
#183892
```
#183892 rgb(24,56,146)
```
#1a3fa3
```
#1a3fa3 rgb(26,63,163)
```
#1d45b4
```
#1d45b4 rgb(29,69,180)
```
#204cc4
```
#204cc4 rgb(32,76,196)
```
#2252d5
```
#2252d5 rgb(34,82,213)
```

Shade Color Variation

#2e5ddd
```
#2e5ddd rgb(46,93,221)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#5077e3
```
#5077e3 rgb(80,119,227)
```
#6184e5
```
#6184e5 rgb(97,132,229)
```
#7291e8
```
#7291e8 rgb(114,145,232)
```
#839eeb
```
#839eeb rgb(131,158,235)
```
#93acee
```
#93acee rgb(147,172,238)
```
#a4b9f0
```
#a4b9f0 rgb(164,185,240)
```
#b5c6f3
```
#b5c6f3 rgb(181,198,243)
```
#c6d3f6
```
#c6d3f6 rgb(198,211,246)
```
#d7e0f9
```
#d7e0f9 rgb(215,224,249)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c8e93 is the less saturated color, while #255efa is the most saturated one.

#8c8e93
```
#8c8e93 rgb(140,142,147)
```
#848a9b
```
#848a9b rgb(132,138,155)
```
#7b86a4
```
#7b86a4 rgb(123,134,164)
```
#7282ad
```
#7282ad rgb(114,130,173)
```
#6a7eb5
```
#6a7eb5 rgb(106,126,181)
```
#617abe
```
#617abe rgb(97,122,190)
```
#5976c6
```
#5976c6 rgb(89,118,198)
```
#5072cf
```
#5072cf rgb(80,114,207)
```
#486ed7
```
#486ed7 rgb(72,110,215)
```
#3f6ae0
```
#3f6ae0 rgb(63,106,224)
```
#3666e9
```
#3666e9 rgb(54,102,233)
```
#2e62f1
```
#2e62f1 rgb(46,98,241)
```
#255efa
```
#255efa rgb(37,94,250)
```

Tone Color Variation

Below, you can see how #3f6ae0 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.

Monochromacy

#6b6b6b Achromatopsia 0.005% of the population
#626b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1775e4 Protanopia 1% of men
#007bca Deuteranopia 1% of men
#00848d Tritanopia 0.001% of the population

Trichromacy

#2671e3 Protanomaly 1% of men, 0.01% of women
#1675d2 Deuteranomaly 6% of men, 0.4% of women
#167bab Tritanomaly 0.01% of the population

#3f6ae0 hex color

#3f6ae0 Color Information

#3f6ae0 Color Conversion

Color Schemes with #3f6ae0

Alternatives to #3f6ae0

#3f6ae0 Preview

Shades and Tints of #3f6ae0

Tones of #3f6ae0

Color Blindness Simulator