#3172f1 hex color

In a RGB color space, hex #3172f1 is composed of 19.2% red, 44.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 79.7% cyan, 52.7% magenta, 0% yellow and 5.5% black. It has a hue angle of 219.7 degrees, a saturation of 87.3% and a lightness of 56.9%. #3172f1 color hex could be obtained by blending #62e4ff with #0000e3. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 45
- B 95
RGB color chart
- C 80
- M 53
- Y 0
- K 5
CMYK color chart

● #3172f1 color description : Bright blue.

The hexadecimal color #3172f1 has RGB values of R:49, G:114, B:241 and CMYK values of C:0.8, M:0.53, Y:0, K:0.05. Its decimal value is 3240689.

Hex triplet	3172f1	`#3172f1`
RGB Decimal	49, 114, 241	`rgb(49,114,241)`
RGB Percent	19.2, 44.7, 94.5	`rgb(19.2%,44.7%,94.5%)`
CMYK	80, 53, 0, 5
HSL	219.7°, 87.3, 56.9	`hsl(219.7,87.3%,56.9%)`
HSV (or HSB)	219.7°, 79.7, 94.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	50.73, 24.659, -69.584
XYZ	23.158, 19.037, 85.668
xyY	0.181, 0.149, 19.037
CIE-LCH	50.73, 73.824, 289.513
CIE-LUV	50.73, -22.487, -109.132
Hunter-Lab	43.631, 18.387, -85.872
Binary	00110001, 01110010, 11110001

#3172f1
```
#3172f1 rgb(49,114,241)
```
#f1b031
```
#f1b031 rgb(241,176,49)
```

Complementary Color

#31d2f1
```
#31d2f1 rgb(49,210,241)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#5031f1
```
#5031f1 rgb(80,49,241)
```

Analogous Color

#d2f131
```
#d2f131 rgb(210,241,49)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#f15031
```
#f15031 rgb(241,80,49)
```

Split Complementary Color

#72f131
```
#72f131 rgb(114,241,49)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#f13172
```
#f13172 rgb(241,49,114)
```

Triadic Color

#31f1b0
```
#31f1b0 rgb(49,241,176)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#f13172
```
#f13172 rgb(241,49,114)
```
#f1b031
```
#f1b031 rgb(241,176,49)
```

Tetradic Color

#0e4dc8
```
#0e4dc8 rgb(14,77,200)
```
#0f56e0
```
#0f56e0 rgb(15,86,224)
```
#1962ef
```
#1962ef rgb(25,98,239)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#4982f3
```
#4982f3 rgb(73,130,243)
```
#6193f4
```
#6193f4 rgb(97,147,244)
```
#79a3f6
```
#79a3f6 rgb(121,163,246)
```

Monochromatic Color

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

#31a2f1
```
#31a2f1 rgb(49,162,241)
```
#3192f1
```
#3192f1 rgb(49,146,241)
```
#3182f1
```
#3182f1 rgb(49,130,241)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#3162f1
```
#3162f1 rgb(49,98,241)
```
#3152f1
```
#3152f1 rgb(49,82,241)
```
#3142f1
```
#3142f1 rgb(49,66,241)
```

Similar Colors

Text with hexadecimal color #3172f1

This text has a font color of #3172f1.

<span style="color:#3172f1;">Text here</span>

#3172f1 background color

This paragraph has a background color of #3172f1.

<p style="background-color:#3172f1;">Content here</p>

#3172f1 border color

This element has a border color of #3172f1.

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

CSS codes

.text {color:#3172f1;}

.background {background-color:#3172f1;}

.border {border:1px solid #3172f1;}

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, #01060e is the darkest color, while #fbfcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#020d21
```
#020d21 rgb(2,13,33)
```
#031433
```
#031433 rgb(3,20,51)
```
#051b46
```
#051b46 rgb(5,27,70)
```
#062258
```
#062258 rgb(6,34,88)
```
#07296a
```
#07296a rgb(7,41,106)
```
#08307d
```
#08307d rgb(8,48,125)
```
#0a378f
```
#0a378f rgb(10,55,143)
```
#0b3ea1
```
#0b3ea1 rgb(11,62,161)
```
#0c45b4
```
#0c45b4 rgb(12,69,180)
```
#0d4cc6
```
#0d4cc6 rgb(13,76,198)
```
#0f53d8
```
#0f53d8 rgb(15,83,216)
```
#105aeb
```
#105aeb rgb(16,90,235)
```

Shade Color Variation

#1f65f0
```
#1f65f0 rgb(31,101,240)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#437ff2
```
#437ff2 rgb(67,127,242)
```
#568bf3
```
#568bf3 rgb(86,139,243)
```
#6898f5
```
#6898f5 rgb(104,152,245)
```
#7aa4f6
```
#7aa4f6 rgb(122,164,246)
```
#8db1f7
```
#8db1f7 rgb(141,177,247)
```
#9fbdf8
```
#9fbdf8 rgb(159,189,248)
```
#b2cafa
```
#b2cafa rgb(178,202,250)
```
#c4d7fb
```
#c4d7fb rgb(196,215,251)
```
#d6e3fc
```
#d6e3fc rgb(214,227,252)
```
#e9f0fd
```
#e9f0fd rgb(233,240,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9094 is the less saturated color, while #296ff9 is the most saturated one.

#8e9094
```
#8e9094 rgb(142,144,148)
```
#868d9c
```
#868d9c rgb(134,141,156)
```
#7d8ba5
```
#7d8ba5 rgb(125,139,165)
```
#7588ad
```
#7588ad rgb(117,136,173)
```
#6c85b6
```
#6c85b6 rgb(108,133,182)
```
#6482be
```
#6482be rgb(100,130,190)
```
#5b80c7
```
#5b80c7 rgb(91,128,199)
```
#537dcf
```
#537dcf rgb(83,125,207)
```
#4a7ad8
```
#4a7ad8 rgb(74,122,216)
```
#4277e0
```
#4277e0 rgb(66,119,224)
```
#3975e9
```
#3975e9 rgb(57,117,233)
```
#3172f1
```
#3172f1 rgb(49,114,241)
```
#296ff9
```
#296ff9 rgb(41,111,249)
```

Tone Color Variation

Below, you can see how #3172f1 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

#6d6d6d Achromatopsia 0.005% of the population
#616e87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#007bf3 Protanopia 1% of men
#0082d5 Deuteranopia 1% of men
#008c94 Tritanopia 0.001% of the population

Trichromacy

#1178f2 Protanomaly 1% of men, 0.01% of women
#117cdf Deuteranomaly 6% of men, 0.4% of women
#1182b6 Tritanomaly 0.01% of the population

#3172f1 hex color

#3172f1 Color Information

#3172f1 Color Conversion

Color Schemes with #3172f1

Alternatives to #3172f1

#3172f1 Preview

Shades and Tints of #3172f1

Tones of #3172f1

Color Blindness Simulator