#3149f9 hex color

In a RGB color space, hex #3149f9 is composed of 19.2% red, 28.6% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 70.7% magenta, 0% yellow and 2.4% black. It has a hue angle of 232.8 degrees, a saturation of 94.3% and a lightness of 58.4%. #3149f9 color hex could be obtained by blending #6292ff with #0000f3. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 29
- B 98
RGB color chart
- C 80
- M 71
- Y 0
- K 2
CMYK color chart

● #3149f9 color description : Bright blue.

The hexadecimal color #3149f9 has RGB values of R:49, G:73, B:249 and CMYK values of C:0.8, M:0.71, Y:0, K:0.02. Its decimal value is 3230201.

Hex triplet	3149f9	`#3149f9`
RGB Decimal	49, 73, 249	`rgb(49,73,249)`
RGB Percent	19.2, 28.6, 97.6	`rgb(19.2%,28.6%,97.6%)`
CMYK	80, 71, 0, 2
HSL	232.8°, 94.3, 58.4	`hsl(232.8,94.3%,58.4%)`
HSV (or HSB)	232.8°, 80.3, 97.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.62, 52.677, -88.968
XYZ	20.745, 12.256, 90.89
xyY	0.167, 0.099, 12.256
CIE-LCH	41.62, 103.394, 300.629
CIE-LUV	41.62, -12.972, -128.347
Hunter-Lab	35.009, 44.505, -129.422
Binary	00110001, 01001001, 11111001

#3149f9
```
#3149f9 rgb(49,73,249)
```
#f9e131
```
#f9e131 rgb(249,225,49)
```

Complementary Color

#31adf9
```
#31adf9 rgb(49,173,249)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#7d31f9
```
#7d31f9 rgb(125,49,249)
```

Analogous Color

#adf931
```
#adf931 rgb(173,249,49)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#f97d31
```
#f97d31 rgb(249,125,49)
```

Split Complementary Color

#49f931
```
#49f931 rgb(73,249,49)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#f93149
```
#f93149 rgb(249,49,73)
```

Triadic Color

#31f9e1
```
#31f9e1 rgb(49,249,225)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#f93149
```
#f93149 rgb(249,49,73)
```
#f9e131
```
#f9e131 rgb(249,225,49)
```

Tetradic Color

#061fd7
```
#061fd7 rgb(6,31,215)
```
#0723f0
```
#0723f0 rgb(7,35,240)
```
#1833f8
```
#1833f8 rgb(24,51,248)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#4a5ffa
```
#4a5ffa rgb(74,95,250)
```
#6375fa
```
#6375fa rgb(99,117,250)
```
#7b8bfb
```
#7b8bfb rgb(123,139,251)
```

Monochromatic Color

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

#317bf9
```
#317bf9 rgb(49,123,249)
```
#316af9
```
#316af9 rgb(49,106,249)
```
#315af9
```
#315af9 rgb(49,90,249)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#3138f9
```
#3138f9 rgb(49,56,249)
```
#3a31f9
```
#3a31f9 rgb(58,49,249)
```
#4b31f9
```
#4b31f9 rgb(75,49,249)
```

Similar Colors

Text with hexadecimal color #3149f9

This text has a font color of #3149f9.

<span style="color:#3149f9;">Text here</span>

#3149f9 background color

This paragraph has a background color of #3149f9.

<p style="background-color:#3149f9;">Content here</p>

#3149f9 border color

This element has a border color of #3149f9.

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

CSS codes

.text {color:#3149f9;}

.background {background-color:#3149f9;}

.border {border:1px solid #3149f9;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010317
```
#010317 rgb(1,3,23)
```
#01062a
```
#01062a rgb(1,6,42)
```
#02093d
```
#02093d rgb(2,9,61)
```
#020c50
```
#020c50 rgb(2,12,80)
```
#030e63
```
#030e63 rgb(3,14,99)
```
#031176
```
#031176 rgb(3,17,118)
```
#041489
```
#041489 rgb(4,20,137)
```
#05179c
```
#05179c rgb(5,23,156)
```
#051aaf
```
#051aaf rgb(5,26,175)
```
#061cc2
```
#061cc2 rgb(6,28,194)
```
#061fd5
```
#061fd5 rgb(6,31,213)
```
#0722e8
```
#0722e8 rgb(7,34,232)
```

Shade Color Variation

#0b27f8
```
#0b27f8 rgb(11,39,248)
```
#1e38f8
```
#1e38f8 rgb(30,56,248)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```
#445afa
```
#445afa rgb(68,90,250)
```
#576bfa
```
#576bfa rgb(87,107,250)
```
#6a7cfb
```
#6a7cfb rgb(106,124,251)
```
#7d8cfb
```
#7d8cfb rgb(125,140,251)
```
#909dfc
```
#909dfc rgb(144,157,252)
```
#a3aefc
```
#a3aefc rgb(163,174,252)
```
#b6bffd
```
#b6bffd rgb(182,191,253)
```
#c9d0fd
```
#c9d0fd rgb(201,208,253)
```
#dde1fe
```
#dde1fe rgb(221,225,254)
```
#f0f1ff
```
#f0f1ff rgb(240,241,255)
```

Tint Color Variation

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

#939397
```
#939397 rgb(147,147,151)
```
#8b8d9f
```
#8b8d9f rgb(139,141,159)
```
#8387a7
```
#8387a7 rgb(131,135,167)
```
#7a81b0
```
#7a81b0 rgb(122,129,176)
```
#727bb8
```
#727bb8 rgb(114,123,184)
```
#6a74c0
```
#6a74c0 rgb(106,116,192)
```
#626ec8
```
#626ec8 rgb(98,110,200)
```
#5a68d0
```
#5a68d0 rgb(90,104,208)
```
#5262d8
```
#5262d8 rgb(82,98,216)
```
#495ce1
```
#495ce1 rgb(73,92,225)
```
#4155e9
```
#4155e9 rgb(65,85,233)
```
#394ff1
```
#394ff1 rgb(57,79,241)
```
#3149f9
```
#3149f9 rgb(49,73,249)
```

Tone Color Variation

Below, you can see how #3149f9 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

#565656 Achromatopsia 0.005% of the population
#4f5377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067c8 Protanopia 1% of men
#006dae Deuteranopia 1% of men
#00747a Tritanopia 0.001% of the population

Trichromacy

#115cda Protanomaly 1% of men, 0.01% of women
#1160c9 Deuteranomaly 6% of men, 0.4% of women
#1164a8 Tritanomaly 0.01% of the population

#3149f9 hex color

#3149f9 Color Information

#3149f9 Color Conversion

Color Schemes with #3149f9

Alternatives to #3149f9

#3149f9 Preview

Shades and Tints of #3149f9

Tones of #3149f9

Color Blindness Simulator