#3144f8 hex color

In a RGB color space, hex #3144f8 is composed of 19.2% red, 26.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 72.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 234.3 degrees, a saturation of 93.4% and a lightness of 58.2%. #3144f8 color hex could be obtained by blending #6288ff with #0000f1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 19
- G 27
- B 97
RGB color chart
- C 80
- M 73
- Y 0
- K 3
CMYK color chart

● #3144f8 color description : Bright blue.

The hexadecimal color #3144f8 has RGB values of R:49, G:68, B:248 and CMYK values of C:0.8, M:0.73, Y:0, K:0.03. Its decimal value is 3228920.

Hex triplet	3144f8	`#3144f8`
RGB Decimal	49, 68, 248	`rgb(49,68,248)`
RGB Percent	19.2, 26.7, 97.3	`rgb(19.2%,26.7%,97.3%)`
CMYK	80, 73, 0, 3
HSL	234.3°, 93.4, 58.2	`hsl(234.3,93.4%,58.2%)`
HSV (or HSB)	234.3°, 80.2, 97.3
Web Safe	3333ff	`#3333ff`

CIE-LAB	40.513, 55.154, -90.236
XYZ	20.274, 11.563, 89.965
xyY	0.166, 0.095, 11.563
CIE-LCH	40.513, 105.757, 301.434
CIE-LUV	40.513, -12.073, -128.437
Hunter-Lab	34.005, 46.914, -133.059
Binary	00110001, 01000100, 11111000

#3144f8
```
#3144f8 rgb(49,68,248)
```
#f8e531
```
#f8e531 rgb(248,229,49)
```

Complementary Color

#31a8f8
```
#31a8f8 rgb(49,168,248)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#8231f8
```
#8231f8 rgb(130,49,248)
```

Analogous Color

#a8f831
```
#a8f831 rgb(168,248,49)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#f88231
```
#f88231 rgb(248,130,49)
```

Split Complementary Color

#44f831
```
#44f831 rgb(68,248,49)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#f83144
```
#f83144 rgb(248,49,68)
```

Triadic Color

#31f8e5
```
#31f8e5 rgb(49,248,229)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#f83144
```
#f83144 rgb(248,49,68)
```
#f8e531
```
#f8e531 rgb(248,229,49)
```

Tetradic Color

#071bd5
```
#071bd5 rgb(7,27,213)
```
#081eee
```
#081eee rgb(8,30,238)
```
#182ef7
```
#182ef7 rgb(24,46,247)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#4a5af9
```
#4a5af9 rgb(74,90,249)
```
#6271fa
```
#6271fa rgb(98,113,250)
```
#7b87fb
```
#7b87fb rgb(123,135,251)
```

Monochromatic Color

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

#3176f8
```
#3176f8 rgb(49,118,248)
```
#3165f8
```
#3165f8 rgb(49,101,248)
```
#3155f8
```
#3155f8 rgb(49,85,248)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#3133f8
```
#3133f8 rgb(49,51,248)
```
#3f31f8
```
#3f31f8 rgb(63,49,248)
```
#5031f8
```
#5031f8 rgb(80,49,248)
```

Similar Colors

Text with hexadecimal color #3144f8

This text has a font color of #3144f8.

<span style="color:#3144f8;">Text here</span>

#3144f8 background color

This paragraph has a background color of #3144f8.

<p style="background-color:#3144f8;">Content here</p>

#3144f8 border color

This element has a border color of #3144f8.

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

CSS codes

.text {color:#3144f8;}

.background {background-color:#3144f8;}

.border {border:1px solid #3144f8;}

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

#000003
```
#000003 rgb(0,0,3)
```
#010316
```
#010316 rgb(1,3,22)
```
#010529
```
#010529 rgb(1,5,41)
```
#02083c
```
#02083c rgb(2,8,60)
```
#030a4f
```
#030a4f rgb(3,10,79)
```
#030c62
```
#030c62 rgb(3,12,98)
```
#040f75
```
#040f75 rgb(4,15,117)
```
#051187
```
#051187 rgb(5,17,135)
```
#05139a
```
#05139a rgb(5,19,154)
```
#0616ad
```
#0616ad rgb(6,22,173)
```
#0718c0
```
#0718c0 rgb(7,24,192)
```
#071bd3
```
#071bd3 rgb(7,27,211)
```
#081de6
```
#081de6 rgb(8,29,230)
```

Shade Color Variation

#0b22f7
```
#0b22f7 rgb(11,34,247)
```
#1e33f7
```
#1e33f7 rgb(30,51,247)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```
#4455f9
```
#4455f9 rgb(68,85,249)
```
#5766f9
```
#5766f9 rgb(87,102,249)
```
#6a78fa
```
#6a78fa rgb(106,120,250)
```
#7d89fb
```
#7d89fb rgb(125,137,251)
```
#909afb
```
#909afb rgb(144,154,251)
```
#a3abfc
```
#a3abfc rgb(163,171,252)
```
#b6bdfd
```
#b6bdfd rgb(182,189,253)
```
#c9cefd
```
#c9cefd rgb(201,206,253)
```
#dcdffe
```
#dcdffe rgb(220,223,254)
```
#eff0fe
```
#eff0fe rgb(239,240,254)
```

Tint Color Variation

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

#939496
```
#939496 rgb(147,148,150)
```
#8b8d9e
```
#8b8d9e rgb(139,141,158)
```
#8386a6
```
#8386a6 rgb(131,134,166)
```
#7b80ae
```
#7b80ae rgb(123,128,174)
```
#7379b6
```
#7379b6 rgb(115,121,182)
```
#6a72bf
```
#6a72bf rgb(106,114,191)
```
#626cc7
```
#626cc7 rgb(98,108,199)
```
#5a65cf
```
#5a65cf rgb(90,101,207)
```
#525fd7
```
#525fd7 rgb(82,95,215)
```
#4a58df
```
#4a58df rgb(74,88,223)
```
#4151e8
```
#4151e8 rgb(65,81,232)
```
#394bf0
```
#394bf0 rgb(57,75,240)
```
#3144f8
```
#3144f8 rgb(49,68,248)
```

Tone Color Variation

Below, you can see how #3144f8 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

#535353 Achromatopsia 0.005% of the population
#4c5074 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#1158d6 Protanomaly 1% of men, 0.01% of women
#115cc6 Deuteranomaly 6% of men, 0.4% of women
#1161a6 Tritanomaly 0.01% of the population

#3144f8 hex color

#3144f8 Color Information

#3144f8 Color Conversion

Color Schemes with #3144f8

Alternatives to #3144f8

#3144f8 Preview

Shades and Tints of #3144f8

Tones of #3144f8

Color Blindness Simulator