#3180d6 hex color

In a RGB color space, hex #3180d6 is composed of 19.2% red, 50.2% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 40.2% magenta, 0% yellow and 16.1% black. It has a hue angle of 211.3 degrees, a saturation of 66.8% and a lightness of 51.6%. #3180d6 color hex could be obtained by blending #62ffff with #0001ad. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 50
- B 84
RGB color chart
- C 77
- M 40
- Y 0
- K 16
CMYK color chart

● #3180d6 color description : Strong blue.

The hexadecimal color #3180d6 has RGB values of R:49, G:128, B:214 and CMYK values of C:0.77, M:0.4, Y:0, K:0.16. Its decimal value is 3244246.

Hex triplet	3180d6	`#3180d6`
RGB Decimal	49, 128, 214	`rgb(49,128,214)`
RGB Percent	19.2, 50.2, 83.9	`rgb(19.2%,50.2%,83.9%)`
CMYK	77, 40, 0, 16
HSL	211.3°, 66.8, 51.6	`hsl(211.3,66.8%,51.6%)`
HSV (or HSB)	211.3°, 77.1, 83.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	52.889, 5.914, -50.951
XYZ	21.121, 20.945, 66.544
xyY	0.194, 0.193, 20.945
CIE-LCH	52.889, 51.294, 276.621
CIE-LUV	52.889, -27.438, -79.719
Hunter-Lab	45.765, 2.288, -54.174
Binary	00110001, 10000000, 11010110

#3180d6
```
#3180d6 rgb(49,128,214)
```
#d68731
```
#d68731 rgb(214,135,49)
```

Complementary Color

#31d3d6
```
#31d3d6 rgb(49,211,214)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#3531d6
```
#3531d6 rgb(53,49,214)
```

Analogous Color

#d3d631
```
#d3d631 rgb(211,214,49)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#d63531
```
#d63531 rgb(214,53,49)
```

Split Complementary Color

#80d631
```
#80d631 rgb(128,214,49)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#d63180
```
#d63180 rgb(214,49,128)
```

Triadic Color

#31d687
```
#31d687 rgb(49,214,135)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#d63180
```
#d63180 rgb(214,49,128)
```
#d68731
```
#d68731 rgb(214,135,49)
```

Tetradic Color

#1f5b9c
```
#1f5b9c rgb(31,91,156)
```
#2367b1
```
#2367b1 rgb(35,103,177)
```
#2773c6
```
#2773c6 rgb(39,115,198)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#468dda
```
#468dda rgb(70,141,218)
```
#5c9ade
```
#5c9ade rgb(92,154,222)
```
#71a7e3
```
#71a7e3 rgb(113,167,227)
```

Monochromatic Color

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

#31a9d6
```
#31a9d6 rgb(49,169,214)
```
#319cd6
```
#319cd6 rgb(49,156,214)
```
#318ed6
```
#318ed6 rgb(49,142,214)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#3172d6
```
#3172d6 rgb(49,114,214)
```
#3165d6
```
#3165d6 rgb(49,101,214)
```
#3157d6
```
#3157d6 rgb(49,87,214)
```

Similar Colors

Text with hexadecimal color #3180d6

This text has a font color of #3180d6.

<span style="color:#3180d6;">Text here</span>

#3180d6 background color

This paragraph has a background color of #3180d6.

<p style="background-color:#3180d6;">Content here</p>

#3180d6 border color

This element has a border color of #3180d6.

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

CSS codes

.text {color:#3180d6;}

.background {background-color:#3180d6;}

.border {border:1px solid #3180d6;}

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

#010407
```
#010407 rgb(1,4,7)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#081727
```
#081727 rgb(8,23,39)
```
#0b2038
```
#0b2038 rgb(11,32,56)
```
#0e2a48
```
#0e2a48 rgb(14,42,72)
```
#123458
```
#123458 rgb(18,52,88)
```
#153d69
```
#153d69 rgb(21,61,105)
```
#184779
```
#184779 rgb(24,71,121)
```
#1b508a
```
#1b508a rgb(27,80,138)
```
#1f5a9a
```
#1f5a9a rgb(31,90,154)
```
#2263aa
```
#2263aa rgb(34,99,170)
```
#256dbb
```
#256dbb rgb(37,109,187)
```
#2876cb
```
#2876cb rgb(40,118,203)
```

Shade Color Variation

#3180d6
```
#3180d6 rgb(49,128,214)
```
#418ad9
```
#418ad9 rgb(65,138,217)
```
#5294dd
```
#5294dd rgb(82,148,221)
```
#629ee0
```
#629ee0 rgb(98,158,224)
```
#72a8e3
```
#72a8e3 rgb(114,168,227)
```
#83b2e6
```
#83b2e6 rgb(131,178,230)
```
#93bdea
```
#93bdea rgb(147,189,234)
```
#a4c7ed
```
#a4c7ed rgb(164,199,237)
```
#b4d1f0
```
#b4d1f0 rgb(180,209,240)
```
#c4dbf3
```
#c4dbf3 rgb(196,219,243)
```
#d5e5f7
```
#d5e5f7 rgb(213,229,247)
```
#e5effa
```
#e5effa rgb(229,239,250)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d838a is the less saturated color, while #0b7efc is the most saturated one.

#7d838a
```
#7d838a rgb(125,131,138)
```
#748394
```
#748394 rgb(116,131,148)
```
#6a829d
```
#6a829d rgb(106,130,157)
```
#6182a7
```
#6182a7 rgb(97,130,167)
```
#5782b0
```
#5782b0 rgb(87,130,176)
```
#4e81ba
```
#4e81ba rgb(78,129,186)
```
#4481c3
```
#4481c3 rgb(68,129,195)
```
#3b80cd
```
#3b80cd rgb(59,128,205)
```
#3180d6
```
#3180d6 rgb(49,128,214)
```
#2880e0
```
#2880e0 rgb(40,128,224)
```
#1e7fe9
```
#1e7fe9 rgb(30,127,233)
```
#157ff3
```
#157ff3 rgb(21,127,243)
```
#0b7efc
```
#0b7efc rgb(11,126,252)
```

Tone Color Variation

Below, you can see how #3180d6 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

#727272 Achromatopsia 0.005% of the population
#657586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f82d4 Protanopia 1% of men
#3e86d8 Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#4e81d5 Protanomaly 1% of men, 0.01% of women
#3984d7 Deuteranomaly 6% of men, 0.4% of women
#118bb0 Tritanomaly 0.01% of the population

#3180d6 hex color

#3180d6 Color Information

#3180d6 Color Conversion

Color Schemes with #3180d6

Alternatives to #3180d6

#3180d6 Preview

Shades and Tints of #3180d6

Tones of #3180d6

Color Blindness Simulator