#31889a hex color

In a RGB color space, hex #31889a is composed of 19.2% red, 53.3% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 68.2% cyan, 11.7% magenta, 0% yellow and 39.6% black. It has a hue angle of 190.3 degrees, a saturation of 51.7% and a lightness of 39.8%. #31889a color hex could be obtained by blending #62ffff with #001135. 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

● #31889a color description : Dark moderate cyan.

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

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

CIE-LAB	52.501, -19.752, -17.19
XYZ	15.902, 20.593, 33.707
xyY	0.227, 0.293, 20.593
CIE-LCH	52.501, 26.185, 221.032
CIE-LUV	52.501, -33.1, -22.652
Hunter-Lab	45.38, -16.864, -12.274
Binary	00110001, 10001000, 10011010

#31889a
```
#31889a rgb(49,136,154)
```
#9a4331
```
#9a4331 rgb(154,67,49)
```

Complementary Color

#319a78
```
#319a78 rgb(49,154,120)
```
#31889a
```
#31889a rgb(49,136,154)
```
#31549a
```
#31549a rgb(49,84,154)
```

Analogous Color

#9a7831
```
#9a7831 rgb(154,120,49)
```
#31889a
```
#31889a rgb(49,136,154)
```
#9a3154
```
#9a3154 rgb(154,49,84)
```

Split Complementary Color

#889a31
```
#889a31 rgb(136,154,49)
```
#31889a
```
#31889a rgb(49,136,154)
```
#9a3188
```
#9a3188 rgb(154,49,136)
```

Triadic Color

#319a43
```
#319a43 rgb(49,154,67)
```
#31889a
```
#31889a rgb(49,136,154)
```
#9a3188
```
#9a3188 rgb(154,49,136)
```
#9a4331
```
#9a4331 rgb(154,67,49)
```

Tetradic Color

#1f5560
```
#1f5560 rgb(31,85,96)
```
#256673
```
#256673 rgb(37,102,115)
```
#2b7787
```
#2b7787 rgb(43,119,135)
```
#31889a
```
#31889a rgb(49,136,154)
```
#3799ad
```
#3799ad rgb(55,153,173)
```
#3daac1
```
#3daac1 rgb(61,170,193)
```
#50b3c7
```
#50b3c7 rgb(80,179,199)
```

Monochromatic Color

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

#319a92
```
#319a92 rgb(49,154,146)
```
#319a9a
```
#319a9a rgb(49,154,154)
```
#31919a
```
#31919a rgb(49,145,154)
```
#31889a
```
#31889a rgb(49,136,154)
```
#317f9a
```
#317f9a rgb(49,127,154)
```
#31779a
```
#31779a rgb(49,119,154)
```
#316e9a
```
#316e9a rgb(49,110,154)
```

Similar Colors

Text with hexadecimal color #31889a

This text has a font color of #31889a.

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

#31889a background color

This paragraph has a background color of #31889a.

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

#31889a border color

This element has a border color of #31889a.

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

CSS codes

.text {color:#31889a;}

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

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

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)
```
#23616d
```
#23616d rgb(35,97,109)
```
#286e7c
```
#286e7c rgb(40,110,124)
```
#2c7b8b
```
#2c7b8b rgb(44,123,139)
```
#31889a
```
#31889a rgb(49,136,154)
```
#3695a9
```
#3695a9 rgb(54,149,169)
```
#3aa2b8
```
#3aa2b8 rgb(58,162,184)
```

Shade Color Variation

#43adc3
```
#43adc3 rgb(67,173,195)
```
#52b4c8
```
#52b4c8 rgb(82,180,200)
```
#61bacd
```
#61bacd rgb(97,186,205)
```
#6fc1d1
```
#6fc1d1 rgb(111,193,209)
```
#7ec7d6
```
#7ec7d6 rgb(126,199,214)
```
#8dcddb
```
#8dcddb rgb(141,205,219)
```
#9cd4e0
```
#9cd4e0 rgb(156,212,224)
```
#abdae4
```
#abdae4 rgb(171,218,228)
```
#bae1e9
```
#bae1e9 rgb(186,225,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 #02a7c9 is the most saturated one.

#60696b
```
#60696b rgb(96,105,107)
```
#586e73
```
#586e73 rgb(88,110,115)
```
#50737b
```
#50737b rgb(80,115,123)
```
#487983
```
#487983 rgb(72,121,131)
```
#417e8a
```
#417e8a rgb(65,126,138)
```
#398392
```
#398392 rgb(57,131,146)
```
#31889a
```
#31889a rgb(49,136,154)
```
#298da2
```
#298da2 rgb(41,141,162)
```
#2192aa
```
#2192aa rgb(33,146,170)
```
#1a97b1
```
#1a97b1 rgb(26,151,177)
```
#129db9
```
#129db9 rgb(18,157,185)
```
#0aa2c1
```
#0aa2c1 rgb(10,162,193)
```
#02a7c9
```
#02a7c9 rgb(2,167,201)
```

Tone Color Variation

Below, you can see how #31889a 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

#707070 Achromatopsia 0.005% of the population
#637578 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8298 Protanopia 1% of men
#7e81a3 Deuteranopia 1% of men
#378f99 Tritanopia 0.001% of the population

Trichromacy

#638498 Protanomaly 1% of men, 0.01% of women
#6284a0 Deuteranomaly 6% of men, 0.4% of women
#358c99 Tritanomaly 0.01% of the population

#31889a hex color

#31889a Color Information

#31889a Color Conversion

Color Schemes with #31889a

Alternatives to #31889a

#31889a Preview

Shades and Tints of #31889a

Tones of #31889a

Color Blindness Simulator