#3f5aea hex color

In a RGB color space, hex #3f5aea is composed of 24.7% red, 35.3% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 61.5% magenta, 0% yellow and 8.2% black. It has a hue angle of 230.5 degrees, a saturation of 80.3% and a lightness of 58.2%. #3f5aea color hex could be obtained by blending #7eb4ff with #0000d5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 35
- B 92
RGB color chart
- C 73
- M 62
- Y 0
- K 8
CMYK color chart

● #3f5aea color description : Bright blue.

The hexadecimal color #3f5aea has RGB values of R:63, G:90, B:234 and CMYK values of C:0.73, M:0.62, Y:0, K:0.08. Its decimal value is 4152042.

Hex triplet	3f5aea	`#3f5aea`
RGB Decimal	63, 90, 234	`rgb(63,90,234)`
RGB Percent	24.7, 35.3, 91.8	`rgb(24.7%,35.3%,91.8%)`
CMYK	73, 62, 0, 8
HSL	230.5°, 80.3, 58.2	`hsl(230.5,80.3%,58.2%)`
HSV (or HSB)	230.5°, 73.1, 91.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.672, 38.601, -75.499
XYZ	20.554, 14.308, 79.516
xyY	0.18, 0.125, 14.308
CIE-LCH	44.672, 84.795, 297.08
CIE-LUV	44.672, -14.103, -114.116
Hunter-Lab	37.826, 30.799, -98.157
Binary	00111111, 01011010, 11101010

#3f5aea
```
#3f5aea rgb(63,90,234)
```
#eacf3f
```
#eacf3f rgb(234,207,63)
```

Complementary Color

#3fb0ea
```
#3fb0ea rgb(63,176,234)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#7a3fea
```
#7a3fea rgb(122,63,234)
```

Analogous Color

#b0ea3f
```
#b0ea3f rgb(176,234,63)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#ea7a3f
```
#ea7a3f rgb(234,122,63)
```

Split Complementary Color

#5aea3f
```
#5aea3f rgb(90,234,63)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#ea3f5a
```
#ea3f5a rgb(234,63,90)
```

Triadic Color

#3feacf
```
#3feacf rgb(63,234,207)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#ea3f5a
```
#ea3f5a rgb(234,63,90)
```
#eacf3f
```
#eacf3f rgb(234,207,63)
```

Tetradic Color

#1632c7
```
#1632c7 rgb(22,50,199)
```
#1837de
```
#1837de rgb(24,55,222)
```
#2846e7
```
#2846e7 rgb(40,70,231)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#566eed
```
#566eed rgb(86,110,237)
```
#6d82ef
```
#6d82ef rgb(109,130,239)
```
#8495f2
```
#8495f2 rgb(132,149,242)
```

Monochromatic Color

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

#3f85ea
```
#3f85ea rgb(63,133,234)
```
#3f77ea
```
#3f77ea rgb(63,119,234)
```
#3f68ea
```
#3f68ea rgb(63,104,234)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#3f4cea
```
#3f4cea rgb(63,76,234)
```
#413fea
```
#413fea rgb(65,63,234)
```
#4f3fea
```
#4f3fea rgb(79,63,234)
```

Similar Colors

Text with hexadecimal color #3f5aea

This text has a font color of #3f5aea.

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

#3f5aea background color

This paragraph has a background color of #3f5aea.

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

#3f5aea border color

This element has a border color of #3f5aea.

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

CSS codes

.text {color:#3f5aea;}

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

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

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, #000102 is the darkest color, while #f0f2fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020514
```
#020514 rgb(2,5,20)
```
#040926
```
#040926 rgb(4,9,38)
```
#060e38
```
#060e38 rgb(6,14,56)
```
#081249
```
#081249 rgb(8,18,73)
```
#0a175b
```
#0a175b rgb(10,23,91)
```
#0c1b6d
```
#0c1b6d rgb(12,27,109)
```
#0e207e
```
#0e207e rgb(14,32,126)
```
#102490
```
#102490 rgb(16,36,144)
```
#1228a2
```
#1228a2 rgb(18,40,162)
```
#142db3
```
#142db3 rgb(20,45,179)
```
#1631c5
```
#1631c5 rgb(22,49,197)
```
#1736d7
```
#1736d7 rgb(23,54,215)
```

Shade Color Variation

#1c3ce6
```
#1c3ce6 rgb(28,60,230)
```
#2d4be8
```
#2d4be8 rgb(45,75,232)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#5169ec
```
#5169ec rgb(81,105,236)
```
#6278ee
```
#6278ee rgb(98,120,238)
```
#7488f0
```
#7488f0 rgb(116,136,240)
```
#8697f2
```
#8697f2 rgb(134,151,242)
```
#97a6f4
```
#97a6f4 rgb(151,166,244)
```
#a9b5f6
```
#a9b5f6 rgb(169,181,246)
```
#bbc4f8
```
#bbc4f8 rgb(187,196,248)
```
#ccd4f9
```
#ccd4f9 rgb(204,212,249)
```
#dee3fb
```
#dee3fb rgb(222,227,251)
```
#f0f2fd
```
#f0f2fd rgb(240,242,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919298 is the less saturated color, while #2f4ffa is the most saturated one.

#919298
```
#919298 rgb(145,146,152)
```
#898ca0
```
#898ca0 rgb(137,140,160)
```
#8187a8
```
#8187a8 rgb(129,135,168)
```
#7881b1
```
#7881b1 rgb(120,129,177)
```
#707cb9
```
#707cb9 rgb(112,124,185)
```
#6876c1
```
#6876c1 rgb(104,118,193)
```
#6070c9
```
#6070c9 rgb(96,112,201)
```
#586bd1
```
#586bd1 rgb(88,107,209)
```
#4f65da
```
#4f65da rgb(79,101,218)
```
#4760e2
```
#4760e2 rgb(71,96,226)
```
#3f5aea
```
#3f5aea rgb(63,90,234)
```
#3754f2
```
#3754f2 rgb(55,84,242)
```
#2f4ffa
```
#2f4ffa rgb(47,79,250)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5b607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed6 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#1666dd Protanomaly 1% of men, 0.01% of women
#166acc Deuteranomaly 6% of men, 0.4% of women
#1670a9 Tritanomaly 0.01% of the population

#3f5aea hex color

#3f5aea Color Information

#3f5aea Color Conversion

Color Schemes with #3f5aea

Alternatives to #3f5aea

#3f5aea Preview

Shades and Tints of #3f5aea

Tones of #3f5aea

Color Blindness Simulator