#31a48b hex color

In a RGB color space, hex #31a48b is composed of 19.2% red, 64.3% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 15.2% yellow and 35.7% black. It has a hue angle of 167 degrees, a saturation of 54% and a lightness of 41.8%. #31a48b color hex could be obtained by blending #62ffff with #004917. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 55
RGB color chart
- C 70
- M 0
- Y 15
- K 36
CMYK color chart

● #31a48b color description : Dark cyan.

The hexadecimal color #31a48b has RGB values of R:49, G:164, B:139 and CMYK values of C:0.7, M:0, Y:0.15, K:0.36. Its decimal value is 3253387.

Hex triplet	31a48b	`#31a48b`
RGB Decimal	49, 164, 139	`rgb(49,164,139)`
RGB Percent	19.2, 64.3, 54.5	`rgb(19.2%,64.3%,54.5%)`
CMYK	70, 0, 15, 36
HSL	167°, 54, 41.8	`hsl(167,54%,41.8%)`
HSV (or HSB)	167°, 70.1, 64.3
Web Safe	339999	`#339999`

CIE-LAB	60.84, -37.828, 3.769
XYZ	19.201, 29.066, 29.023
xyY	0.248, 0.376, 29.066
CIE-LCH	60.84, 38.015, 174.31
CIE-LUV	60.84, -44.455, 11.135
Hunter-Lab	53.913, -30.777, 5.821
Binary	00110001, 10100100, 10001011

#31a48b
```
#31a48b rgb(49,164,139)
```
#a4314a
```
#a4314a rgb(164,49,74)
```

Complementary Color

#31a451
```
#31a451 rgb(49,164,81)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#3184a4
```
#3184a4 rgb(49,132,164)
```

Analogous Color

#a45131
```
#a45131 rgb(164,81,49)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#a43184
```
#a43184 rgb(164,49,132)
```

Split Complementary Color

#a48b31
```
#a48b31 rgb(164,139,49)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#8b31a4
```
#8b31a4 rgb(139,49,164)
```

Triadic Color

#4aa431
```
#4aa431 rgb(74,164,49)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#8b31a4
```
#8b31a4 rgb(139,49,164)
```
#a4314a
```
#a4314a rgb(164,49,74)
```

Tetradic Color

#1f6959
```
#1f6959 rgb(31,105,89)
```
#257d6a
```
#257d6a rgb(37,125,106)
```
#2b907a
```
#2b907a rgb(43,144,122)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#37b89c
```
#37b89c rgb(55,184,156)
```
#42c6aa
```
#42c6aa rgb(66,198,170)
```
#55ccb2
```
#55ccb2 rgb(85,204,178)
```

Monochromatic Color

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

#31a46e
```
#31a46e rgb(49,164,110)
```
#31a478
```
#31a478 rgb(49,164,120)
```
#31a481
```
#31a481 rgb(49,164,129)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#31a495
```
#31a495 rgb(49,164,149)
```
#31a49e
```
#31a49e rgb(49,164,158)
```
#31a0a4
```
#31a0a4 rgb(49,160,164)
```

Similar Colors

Text with hexadecimal color #31a48b

This text has a font color of #31a48b.

<span style="color:#31a48b;">Text here</span>

#31a48b background color

This paragraph has a background color of #31a48b.

<p style="background-color:#31a48b;">Content here</p>

#31a48b border color

This element has a border color of #31a48b.

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

CSS codes

.text {color:#31a48b;}

.background {background-color:#31a48b;}

.border {border:1px solid #31a48b;}

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, #040d0b is the darkest color, while #fdfefe is the lightest one.

#040d0b
```
#040d0b rgb(4,13,11)
```
#081c18
```
#081c18 rgb(8,28,24)
```
#0d2b25
```
#0d2b25 rgb(13,43,37)
```
#113a31
```
#113a31 rgb(17,58,49)
```
#16493e
```
#16493e rgb(22,73,62)
```
#1a584b
```
#1a584b rgb(26,88,75)
```
#1f6858
```
#1f6858 rgb(31,104,88)
```
#237765
```
#237765 rgb(35,119,101)
```
#288671
```
#288671 rgb(40,134,113)
```
#2c957e
```
#2c957e rgb(44,149,126)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#36b398
```
#36b398 rgb(54,179,152)
```
#3ac2a5
```
#3ac2a5 rgb(58,194,165)
```

Shade Color Variation

#48c8ac
```
#48c8ac rgb(72,200,172)
```
#57cdb3
```
#57cdb3 rgb(87,205,179)
```
#66d1ba
```
#66d1ba rgb(102,209,186)
```
#75d6c1
```
#75d6c1 rgb(117,214,193)
```
#84dac8
```
#84dac8 rgb(132,218,200)
```
#93dfce
```
#93dfce rgb(147,223,206)
```
#a2e3d5
```
#a2e3d5 rgb(162,227,213)
```
#b1e8dc
```
#b1e8dc rgb(177,232,220)
```
#c0ece3
```
#c0ece3 rgb(192,236,227)
```
#d0f1ea
```
#d0f1ea rgb(208,241,234)
```
#dff5f0
```
#dff5f0 rgb(223,245,240)
```
#eefaf7
```
#eefaf7 rgb(238,250,247)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#6a6b6b
```
#6a6b6b rgb(106,107,107)
```
#62736f
```
#62736f rgb(98,115,111)
```
#5a7b74
```
#5a7b74 rgb(90,123,116)
```
#528378
```
#528378 rgb(82,131,120)
```
#4a8b7d
```
#4a8b7d rgb(74,139,125)
```
#419482
```
#419482 rgb(65,148,130)
```
#399c86
```
#399c86 rgb(57,156,134)
```
#31a48b
```
#31a48b rgb(49,164,139)
```
#29ac90
```
#29ac90 rgb(41,172,144)
```
#21b494
```
#21b494 rgb(33,180,148)
```
#18bd99
```
#18bd99 rgb(24,189,153)
```
#10c59e
```
#10c59e rgb(16,197,158)
```
#08cda2
```
#08cda2 rgb(8,205,162)
```

Tone Color Variation

Below, you can see how #31a48b 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

#7f7f7f Achromatopsia 0.005% of the population
#6f8681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9788 Protanopia 1% of men
#a69398 Deuteranopia 1% of men
#4da4b0 Tritanopia 0.001% of the population

Trichromacy

#769c89 Protanomaly 1% of men, 0.01% of women
#7b9993 Deuteranomaly 6% of men, 0.4% of women
#43a4a2 Tritanomaly 0.01% of the population

#31a48b hex color

#31a48b Color Information

#31a48b Color Conversion

Color Schemes with #31a48b

Alternatives to #31a48b

#31a48b Preview

Shades and Tints of #31a48b

Tones of #31a48b

Color Blindness Simulator