#3f5bf9 hex color

In a RGB color space, hex #3f5bf9 is composed of 24.7% red, 35.7% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 63.5% magenta, 0% yellow and 2.4% black. It has a hue angle of 231 degrees, a saturation of 93.9% and a lightness of 61.2%. #3f5bf9 color hex could be obtained by blending #7eb6ff with #0000f3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 25
- G 36
- B 98
RGB color chart
- C 75
- M 63
- Y 0
- K 2
CMYK color chart

● #3f5bf9 color description : Bright blue.

The hexadecimal color #3f5bf9 has RGB values of R:63, G:91, B:249 and CMYK values of C:0.75, M:0.63, Y:0, K:0.02. Its decimal value is 4152313.

Hex triplet	3f5bf9	`#3f5bf9`
RGB Decimal	63, 91, 249	`rgb(63,91,249)`
RGB Percent	24.7, 35.7, 97.6	`rgb(24.7%,35.7%,97.6%)`
CMYK	75, 63, 0, 2
HSL	231°, 93.9, 61.2	`hsl(231,93.9%,61.2%)`
HSV (or HSB)	231°, 74.7, 97.6
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.146, 43.192, -81.502
XYZ	22.886, 15.377, 91.379
xyY	0.177, 0.119, 15.377
CIE-LCH	46.146, 92.24, 297.921
CIE-LUV	46.146, -14.609, -123.621
Hunter-Lab	39.213, 35.555, -110.714
Binary	00111111, 01011011, 11111001

#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#f9dd3f
```
#f9dd3f rgb(249,221,63)
```

Complementary Color

#3fb8f9
```
#3fb8f9 rgb(63,184,249)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#803ff9
```
#803ff9 rgb(128,63,249)
```

Analogous Color

#b8f93f
```
#b8f93f rgb(184,249,63)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#f9803f
```
#f9803f rgb(249,128,63)
```

Split Complementary Color

#5bf93f
```
#5bf93f rgb(91,249,63)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#f93f5b
```
#f93f5b rgb(249,63,91)
```

Triadic Color

#3ff9dd
```
#3ff9dd rgb(63,249,221)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#f93f5b
```
#f93f5b rgb(249,63,91)
```
#f9dd3f
```
#f9dd3f rgb(249,221,63)
```

Tetradic Color

#0728e4
```
#0728e4 rgb(7,40,228)
```
#0e31f7
```
#0e31f7 rgb(14,49,247)
```
#2646f8
```
#2646f8 rgb(38,70,248)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#5870fa
```
#5870fa rgb(88,112,250)
```
#7085fb
```
#7085fb rgb(112,133,251)
```
#899afb
```
#899afb rgb(137,154,251)
```

Monochromatic Color

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

#3f8af9
```
#3f8af9 rgb(63,138,249)
```
#3f7af9
```
#3f7af9 rgb(63,122,249)
```
#3f6bf9
```
#3f6bf9 rgb(63,107,249)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#3f4cf9
```
#3f4cf9 rgb(63,76,249)
```
#423ff9
```
#423ff9 rgb(66,63,249)
```
#513ff9
```
#513ff9 rgb(81,63,249)
```

Similar Colors

Text with hexadecimal color #3f5bf9

This text has a font color of #3f5bf9.

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

#3f5bf9 background color

This paragraph has a background color of #3f5bf9.

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

#3f5bf9 border color

This element has a border color of #3f5bf9.

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

CSS codes

.text {color:#3f5bf9;}

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

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

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

#010311
```
#010311 rgb(1,3,17)
```
#010624
```
#010624 rgb(1,6,36)
```
#020a37
```
#020a37 rgb(2,10,55)
```
#020d4a
```
#020d4a rgb(2,13,74)
```
#03115d
```
#03115d rgb(3,17,93)
```
#041470
```
#041470 rgb(4,20,112)
```
#041783
```
#041783 rgb(4,23,131)
```
#051b96
```
#051b96 rgb(5,27,150)
```
#051ea9
```
#051ea9 rgb(5,30,169)
```
#0621bc
```
#0621bc rgb(6,33,188)
```
#0625cf
```
#0625cf rgb(6,37,207)
```
#0728e2
```
#0728e2 rgb(7,40,226)
```
#082bf5
```
#082bf5 rgb(8,43,245)
```

Shade Color Variation

#193bf8
```
#193bf8 rgb(25,59,248)
```
#2c4bf8
```
#2c4bf8 rgb(44,75,248)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```
#526bfa
```
#526bfa rgb(82,107,250)
```
#657bfa
```
#657bfa rgb(101,123,250)
```
#788cfb
```
#788cfb rgb(120,140,251)
```
#8b9cfb
```
#8b9cfb rgb(139,156,251)
```
#9eacfc
```
#9eacfc rgb(158,172,252)
```
#b1bcfd
```
#b1bcfd rgb(177,188,253)
```
#c4cdfd
```
#c4cdfd rgb(196,205,253)
```
#d7ddfe
```
#d7ddfe rgb(215,221,254)
```
#eaedfe
```
#eaedfe rgb(234,237,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9b9e is the less saturated color, while #3f5bf9 is the most saturated one.

#9a9b9e
```
#9a9b9e rgb(154,155,158)
```
#9396a5
```
#9396a5 rgb(147,150,165)
```
#8b90ad
```
#8b90ad rgb(139,144,173)
```
#848bb4
```
#848bb4 rgb(132,139,180)
```
#7c86bc
```
#7c86bc rgb(124,134,188)
```
#7480c4
```
#7480c4 rgb(116,128,196)
```
#6d7bcb
```
#6d7bcb rgb(109,123,203)
```
#6576d3
```
#6576d3 rgb(101,118,211)
```
#5d70db
```
#5d70db rgb(93,112,219)
```
#566be2
```
#566be2 rgb(86,107,226)
```
#4e66ea
```
#4e66ea rgb(78,102,234)
```
#4760f1
```
#4760f1 rgb(71,96,241)
```
#3f5bf9
```
#3f5bf9 rgb(63,91,249)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5d6383 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1669e7 Protanomaly 1% of men, 0.01% of women
#166dd5 Deuteranomaly 6% of men, 0.4% of women
#1672b0 Tritanomaly 0.01% of the population

#3f5bf9 hex color

#3f5bf9 Color Information

#3f5bf9 Color Conversion

Color Schemes with #3f5bf9

Alternatives to #3f5bf9

#3f5bf9 Preview

Shades and Tints of #3f5bf9

Tones of #3f5bf9

Color Blindness Simulator