#3148ed hex color

In a RGB color space, hex #3148ed is composed of 19.2% red, 28.2% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 69.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 232.7 degrees, a saturation of 83.9% and a lightness of 56.1%. #3148ed color hex could be obtained by blending #6290ff with #0000db. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 28
- B 93
RGB color chart
- C 79
- M 70
- Y 0
- K 7
CMYK color chart

● #3148ed color description : Bright blue.

The hexadecimal color #3148ed has RGB values of R:49, G:72, B:237 and CMYK values of C:0.79, M:0.7, Y:0, K:0.07. Its decimal value is 3229933.

Hex triplet	3148ed	`#3148ed`
RGB Decimal	49, 72, 237	`rgb(49,72,237)`
RGB Percent	19.2, 28.2, 92.9	`rgb(19.2%,28.2%,92.9%)`
CMYK	79, 70, 0, 7
HSL	232.7°, 83.9, 56.1	`hsl(232.7,83.9%,56.1%)`
HSV (or HSB)	232.7°, 79.3, 92.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.247, 49.223, -84.481
XYZ	18.867, 11.401, 81.322
xyY	0.169, 0.102, 11.401
CIE-LCH	40.247, 97.775, 300.227
CIE-LUV	40.247, -12.499, -121.298
Hunter-Lab	33.765, 40.652, -119.163
Binary	00110001, 01001000, 11101101

#3148ed
```
#3148ed rgb(49,72,237)
```
#edd631
```
#edd631 rgb(237,214,49)
```

Complementary Color

#31a6ed
```
#31a6ed rgb(49,166,237)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#7831ed
```
#7831ed rgb(120,49,237)
```

Analogous Color

#a6ed31
```
#a6ed31 rgb(166,237,49)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#ed7831
```
#ed7831 rgb(237,120,49)
```

Split Complementary Color

#48ed31
```
#48ed31 rgb(72,237,49)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#ed3148
```
#ed3148 rgb(237,49,72)
```

Triadic Color

#31edd6
```
#31edd6 rgb(49,237,214)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#ed3148
```
#ed3148 rgb(237,49,72)
```
#edd631
```
#edd631 rgb(237,214,49)
```

Tetradic Color

#1126c1
```
#1126c1 rgb(17,38,193)
```
#132bd8
```
#132bd8 rgb(19,43,216)
```
#1a33eb
```
#1a33eb rgb(26,51,235)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#485def
```
#485def rgb(72,93,239)
```
#6072f1
```
#6072f1 rgb(96,114,241)
```
#7786f3
```
#7786f3 rgb(119,134,243)
```

Monochromatic Color

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

#3177ed
```
#3177ed rgb(49,119,237)
```
#3167ed
```
#3167ed rgb(49,103,237)
```
#3158ed
```
#3158ed rgb(49,88,237)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#3138ed
```
#3138ed rgb(49,56,237)
```
#3931ed
```
#3931ed rgb(57,49,237)
```
#4931ed
```
#4931ed rgb(73,49,237)
```

Similar Colors

Text with hexadecimal color #3148ed

This text has a font color of #3148ed.

<span style="color:#3148ed;">Text here</span>

#3148ed background color

This paragraph has a background color of #3148ed.

<p style="background-color:#3148ed;">Content here</p>

#3148ed border color

This element has a border color of #3148ed.

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

CSS codes

.text {color:#3148ed;}

.background {background-color:#3148ed;}

.border {border:1px solid #3148ed;}

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, #01020a is the darkest color, while #f7f8fe is the lightest one.

#01020a
```
#01020a rgb(1,2,10)
```
#02061d
```
#02061d rgb(2,6,29)
```
#04092f
```
#04092f rgb(4,9,47)
```
#060d41
```
#060d41 rgb(6,13,65)
```
#071053
```
#071053 rgb(7,16,83)
```
#091465
```
#091465 rgb(9,20,101)
```
#0a1877
```
#0a1877 rgb(10,24,119)
```
#0c1b89
```
#0c1b89 rgb(12,27,137)
```
#0e1f9b
```
#0e1f9b rgb(14,31,155)
```
#0f22ad
```
#0f22ad rgb(15,34,173)
```
#1126bf
```
#1126bf rgb(17,38,191)
```
#122ad1
```
#122ad1 rgb(18,42,209)
```
#142de3
```
#142de3 rgb(20,45,227)
```

Shade Color Variation

#1f38eb
```
#1f38eb rgb(31,56,235)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#4358ef
```
#4358ef rgb(67,88,239)
```
#5568f0
```
#5568f0 rgb(85,104,240)
```
#6778f2
```
#6778f2 rgb(103,120,242)
```
#7988f3
```
#7988f3 rgb(121,136,243)
```
#8b98f5
```
#8b98f5 rgb(139,152,245)
```
#9da8f6
```
#9da8f6 rgb(157,168,246)
```
#afb8f8
```
#afb8f8 rgb(175,184,248)
```
#c1c8fa
```
#c1c8fa rgb(193,200,250)
```
#d3d8fb
```
#d3d8fb rgb(211,216,251)
```
#e5e8fd
```
#e5e8fd rgb(229,232,253)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#878997
```
#878997 rgb(135,137,151)
```
#7f839f
```
#7f839f rgb(127,131,159)
```
#767ca8
```
#767ca8 rgb(118,124,168)
```
#6d76b1
```
#6d76b1 rgb(109,118,177)
```
#656fb9
```
#656fb9 rgb(101,111,185)
```
#5c69c2
```
#5c69c2 rgb(92,105,194)
```
#5362cb
```
#5362cb rgb(83,98,203)
```
#4b5cd3
```
#4b5cd3 rgb(75,92,211)
```
#4255dc
```
#4255dc rgb(66,85,220)
```
#3a4fe4
```
#3a4fe4 rgb(58,79,228)
```
#3148ed
```
#3148ed rgb(49,72,237)
```
#2841f6
```
#2841f6 rgb(40,65,246)
```
#203bfe
```
#203bfe rgb(32,59,254)
```

Tone Color Variation

Below, you can see how #3148ed 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

#545454 Achromatopsia 0.005% of the population
#4d5273 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1159d2 Protanomaly 1% of men, 0.01% of women
#115dc1 Deuteranomaly 6% of men, 0.4% of women
#1162a1 Tritanomaly 0.01% of the population

#3148ed hex color

#3148ed Color Information

#3148ed Color Conversion

Color Schemes with #3148ed

Alternatives to #3148ed

#3148ed Preview

Shades and Tints of #3148ed

Tones of #3148ed

Color Blindness Simulator