#3182ae hex color

In a RGB color space, hex #3182ae is composed of 19.2% red, 51% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 25.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 201.1 degrees, a saturation of 56.1% and a lightness of 43.7%. #3182ae color hex could be obtained by blending #62ffff with #00055d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 51
- B 68
RGB color chart
- C 72
- M 25
- Y 0
- K 32
CMYK color chart

● #3182ae color description : Dark blue.

The hexadecimal color #3182ae has RGB values of R:49, G:130, B:174 and CMYK values of C:0.72, M:0.25, Y:0, K:0.32. Its decimal value is 3244718.

Hex triplet	3182ae	`#3182ae`
RGB Decimal	49, 130, 174	`rgb(49,130,174)`
RGB Percent	19.2, 51, 68.2	`rgb(19.2%,51%,68.2%)`
CMYK	72, 25, 0, 32
HSL	201.1°, 56.1, 43.7	`hsl(201.1,56.1%,43.7%)`
HSV (or HSB)	201.1°, 71.8, 68.2
Web Safe	339999	`#339999`

CIE-LAB	51.465, -9.71, -30.358
XYZ	16.887, 19.673, 42.949
xyY	0.212, 0.247, 19.673
CIE-LCH	51.465, 31.872, 252.264
CIE-LUV	51.465, -29.844, -44.621
Hunter-Lab	44.354, -9.658, -26.364
Binary	00110001, 10000010, 10101110

#3182ae
```
#3182ae rgb(49,130,174)
```
#ae5d31
```
#ae5d31 rgb(174,93,49)
```

Complementary Color

#31ae9c
```
#31ae9c rgb(49,174,156)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#3144ae
```
#3144ae rgb(49,68,174)
```

Analogous Color

#ae9c31
```
#ae9c31 rgb(174,156,49)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#ae3144
```
#ae3144 rgb(174,49,68)
```

Split Complementary Color

#82ae31
```
#82ae31 rgb(130,174,49)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#ae3182
```
#ae3182 rgb(174,49,130)
```

Triadic Color

#31ae5d
```
#31ae5d rgb(49,174,93)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#ae3182
```
#ae3182 rgb(174,49,130)
```
#ae5d31
```
#ae5d31 rgb(174,93,49)
```

Tetradic Color

#205572
```
#205572 rgb(32,85,114)
```
#266486
```
#266486 rgb(38,100,134)
```
#2b739a
```
#2b739a rgb(43,115,154)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#3791c2
```
#3791c2 rgb(55,145,194)
```
#479dcb
```
#479dcb rgb(71,157,203)
```
#5ba7d1
```
#5ba7d1 rgb(91,167,209)
```

Monochromatic Color

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

#31a1ae
```
#31a1ae rgb(49,161,174)
```
#3197ae
```
#3197ae rgb(49,151,174)
```
#318cae
```
#318cae rgb(49,140,174)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#3178ae
```
#3178ae rgb(49,120,174)
```
#316dae
```
#316dae rgb(49,109,174)
```
#3163ae
```
#3163ae rgb(49,99,174)
```

Similar Colors

Text with hexadecimal color #3182ae

This text has a font color of #3182ae.

<span style="color:#3182ae;">Text here</span>

#3182ae background color

This paragraph has a background color of #3182ae.

<p style="background-color:#3182ae;">Content here</p>

#3182ae border color

This element has a border color of #3182ae.

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

CSS codes

.text {color:#3182ae;}

.background {background-color:#3182ae;}

.border {border:1px solid #3182ae;}

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

#020406
```
#020406 rgb(2,4,6)
```
#061015
```
#061015 rgb(6,16,21)
```
#0a1b24
```
#0a1b24 rgb(10,27,36)
```
#0f2734
```
#0f2734 rgb(15,39,52)
```
#133243
```
#133243 rgb(19,50,67)
```
#173d52
```
#173d52 rgb(23,61,82)
```
#1b4961
```
#1b4961 rgb(27,73,97)
```
#205471
```
#205471 rgb(32,84,113)
```
#246080
```
#246080 rgb(36,96,128)
```
#286b8f
```
#286b8f rgb(40,107,143)
```
#2d779f
```
#2d779f rgb(45,119,159)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#358dbd
```
#358dbd rgb(53,141,189)
```

Shade Color Variation

#3e98c9
```
#3e98c9 rgb(62,152,201)
```
#4da0cd
```
#4da0cd rgb(77,160,205)
```
#5ca8d1
```
#5ca8d1 rgb(92,168,209)
```
#6cb0d5
```
#6cb0d5 rgb(108,176,213)
```
#7bb8da
```
#7bb8da rgb(123,184,218)
```
#8ac1de
```
#8ac1de rgb(138,193,222)
```
#9ac9e2
```
#9ac9e2 rgb(154,201,226)
```
#a9d1e7
```
#a9d1e7 rgb(169,209,231)
```
#b8d9eb
```
#b8d9eb rgb(184,217,235)
```
#c7e1ef
```
#c7e1ef rgb(199,225,239)
```
#d7e9f4
```
#d7e9f4 rgb(215,233,244)
```
#e6f2f8
```
#e6f2f8 rgb(230,242,248)
```
#f5fafc
```
#f5fafc rgb(245,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7072 is the less saturated color, while #068fd9 is the most saturated one.

#6d7072
```
#6d7072 rgb(109,112,114)
```
#64737b
```
#64737b rgb(100,115,123)
```
#5c7583
```
#5c7583 rgb(92,117,131)
```
#53788c
```
#53788c rgb(83,120,140)
```
#4b7a94
```
#4b7a94 rgb(75,122,148)
```
#427d9d
```
#427d9d rgb(66,125,157)
```
#3a7fa5
```
#3a7fa5 rgb(58,127,165)
```
#3182ae
```
#3182ae rgb(49,130,174)
```
#2885b7
```
#2885b7 rgb(40,133,183)
```
#2087bf
```
#2087bf rgb(32,135,191)
```
#178ac8
```
#178ac8 rgb(23,138,200)
```
#0f8cd0
```
#0f8cd0 rgb(15,140,208)
```
#068fd9
```
#068fd9 rgb(6,143,217)
```

Tone Color Variation

Below, you can see how #3182ae 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

#6f6f6f Achromatopsia 0.005% of the population
#63737c Atypical Achromatopsia 0.001% of the population

Dichromacy

#737fac Protanopia 1% of men
#6b80b5 Deuteranopia 1% of men
#208d98 Tritanopia 0.001% of the population

Trichromacy

#5b80ac Protanomaly 1% of men, 0.01% of women
#5581b2 Deuteranomaly 6% of men, 0.4% of women
#2689a0 Tritanomaly 0.01% of the population

#3182ae hex color

#3182ae Color Information

#3182ae Color Conversion

Color Schemes with #3182ae

Alternatives to #3182ae

#3182ae Preview

Shades and Tints of #3182ae

Tones of #3182ae

Color Blindness Simulator