#31879a hex color

In a RGB color space, hex #31879a is composed of 19.2% red, 52.9% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 12.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 190.9 degrees, a saturation of 51.7% and a lightness of 39.8%. #31879a color hex could be obtained by blending #62ffff with #000f35. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 53
- B 60
RGB color chart
- C 68
- M 12
- Y 0
- K 40
CMYK color chart

● #31879a color description : Dark moderate cyan.

The hexadecimal color #31879a has RGB values of R:49, G:135, B:154 and CMYK values of C:0.68, M:0.12, Y:0, K:0.4. Its decimal value is 3245978.

Hex triplet	31879a	`#31879a`
RGB Decimal	49, 135, 154	`rgb(49,135,154)`
RGB Percent	19.2, 52.9, 60.4	`rgb(19.2%,52.9%,60.4%)`
CMYK	68, 12, 0, 40
HSL	190.9°, 51.7, 39.8	`hsl(190.9,51.7%,39.8%)`
HSV (or HSB)	190.9°, 68.2, 60.4
Web Safe	339999	`#339999`

CIE-LAB	52.189, -19.218, -17.666
XYZ	15.762, 20.313, 33.66
xyY	0.226, 0.291, 20.313
CIE-LCH	52.189, 26.104, 222.59
CIE-LUV	52.189, -32.728, -23.437
Hunter-Lab	45.07, -16.447, -12.732
Binary	00110001, 10000111, 10011010

#31879a
```
#31879a rgb(49,135,154)
```
#9a4431
```
#9a4431 rgb(154,68,49)
```

Complementary Color

#319a79
```
#319a79 rgb(49,154,121)
```
#31879a
```
#31879a rgb(49,135,154)
```
#31539a
```
#31539a rgb(49,83,154)
```

Analogous Color

#9a7931
```
#9a7931 rgb(154,121,49)
```
#31879a
```
#31879a rgb(49,135,154)
```
#9a3153
```
#9a3153 rgb(154,49,83)
```

Split Complementary Color

#879a31
```
#879a31 rgb(135,154,49)
```
#31879a
```
#31879a rgb(49,135,154)
```
#9a3187
```
#9a3187 rgb(154,49,135)
```

Triadic Color

#319a44
```
#319a44 rgb(49,154,68)
```
#31879a
```
#31879a rgb(49,135,154)
```
#9a3187
```
#9a3187 rgb(154,49,135)
```
#9a4431
```
#9a4431 rgb(154,68,49)
```

Tetradic Color

#1f5460
```
#1f5460 rgb(31,84,96)
```
#256573
```
#256573 rgb(37,101,115)
```
#2b7687
```
#2b7687 rgb(43,118,135)
```
#31879a
```
#31879a rgb(49,135,154)
```
#3798ad
```
#3798ad rgb(55,152,173)
```
#3da9c1
```
#3da9c1 rgb(61,169,193)
```
#50b2c7
```
#50b2c7 rgb(80,178,199)
```

Monochromatic Color

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

#319a93
```
#319a93 rgb(49,154,147)
```
#31999a
```
#31999a rgb(49,153,154)
```
#31909a
```
#31909a rgb(49,144,154)
```
#31879a
```
#31879a rgb(49,135,154)
```
#317e9a
```
#317e9a rgb(49,126,154)
```
#31769a
```
#31769a rgb(49,118,154)
```
#316d9a
```
#316d9a rgb(49,109,154)
```

Similar Colors

Text with hexadecimal color #31879a

This text has a font color of #31879a.

<span style="color:#31879a;">Text here</span>

#31879a background color

This paragraph has a background color of #31879a.

<p style="background-color:#31879a;">Content here</p>

#31879a border color

This element has a border color of #31879a.

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

CSS codes

.text {color:#31879a;}

.background {background-color:#31879a;}

.border {border:1px solid #31879a;}

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

#020505
```
#020505 rgb(2,5,5)
```
#061214
```
#061214 rgb(6,18,20)
```
#0b1f23
```
#0b1f23 rgb(11,31,35)
```
#102c32
```
#102c32 rgb(16,44,50)
```
#153941
```
#153941 rgb(21,57,65)
```
#194650
```
#194650 rgb(25,70,80)
```
#1e535e
```
#1e535e rgb(30,83,94)
```
#23606d
```
#23606d rgb(35,96,109)
```
#286d7c
```
#286d7c rgb(40,109,124)
```
#2c7a8b
```
#2c7a8b rgb(44,122,139)
```
#31879a
```
#31879a rgb(49,135,154)
```
#3694a9
```
#3694a9 rgb(54,148,169)
```
#3aa1b8
```
#3aa1b8 rgb(58,161,184)
```

Shade Color Variation

#43acc3
```
#43acc3 rgb(67,172,195)
```
#52b2c8
```
#52b2c8 rgb(82,178,200)
```
#61b9cd
```
#61b9cd rgb(97,185,205)
```
#6fc0d1
```
#6fc0d1 rgb(111,192,209)
```
#7ec6d6
```
#7ec6d6 rgb(126,198,214)
```
#8dcddb
```
#8dcddb rgb(141,205,219)
```
#9cd3e0
```
#9cd3e0 rgb(156,211,224)
```
#abdae4
```
#abdae4 rgb(171,218,228)
```
#bae0e9
```
#bae0e9 rgb(186,224,233)
```
#c9e7ee
```
#c9e7ee rgb(201,231,238)
```
#d8eef2
```
#d8eef2 rgb(216,238,242)
```
#e6f4f7
```
#e6f4f7 rgb(230,244,247)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #60696b is the less saturated color, while #02a5c9 is the most saturated one.

#60696b
```
#60696b rgb(96,105,107)
```
#586e73
```
#586e73 rgb(88,110,115)
```
#50737b
```
#50737b rgb(80,115,123)
```
#487883
```
#487883 rgb(72,120,131)
```
#417d8a
```
#417d8a rgb(65,125,138)
```
#398292
```
#398292 rgb(57,130,146)
```
#31879a
```
#31879a rgb(49,135,154)
```
#298ca2
```
#298ca2 rgb(41,140,162)
```
#2191aa
```
#2191aa rgb(33,145,170)
```
#1a96b1
```
#1a96b1 rgb(26,150,177)
```
#129bb9
```
#129bb9 rgb(18,155,185)
```
#0aa0c1
```
#0aa0c1 rgb(10,160,193)
```
#02a5c9
```
#02a5c9 rgb(2,165,201)
```

Tone Color Variation

Below, you can see how #31879a 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
#637478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e8298 Protanopia 1% of men
#7d81a3 Deuteranopia 1% of men
#378e98 Tritanopia 0.001% of the population

Trichromacy

#628399 Protanomaly 1% of men, 0.01% of women
#6183a0 Deuteranomaly 6% of men, 0.4% of women
#348b99 Tritanomaly 0.01% of the population

#31879a hex color

#31879a Color Information

#31879a Color Conversion

Color Schemes with #31879a

Alternatives to #31879a

#31879a Preview

Shades and Tints of #31879a

Tones of #31879a

Color Blindness Simulator