#31c494 hex color

In a RGB color space, hex #31c494 is composed of 19.2% red, 76.9% green and 58% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 0% magenta, 24.5% yellow and 23.1% black. It has a hue angle of 160.4 degrees, a saturation of 60% and a lightness of 48%. #31c494 color hex could be obtained by blending #62ffff with #008929. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 77
- B 58
RGB color chart
- C 75
- M 0
- Y 24
- K 23
CMYK color chart

● #31c494 color description : Strong cyan - lime green.

The hexadecimal color #31c494 has RGB values of R:49, G:196, B:148 and CMYK values of C:0.75, M:0, Y:0.24, K:0.23. Its decimal value is 3261588.

Hex triplet	31c494	`#31c494`
RGB Decimal	49, 196, 148	`rgb(49,196,148)`
RGB Percent	19.2, 76.9, 58	`rgb(19.2%,76.9%,58%)`
CMYK	75, 0, 24, 23
HSL	160.4°, 60, 48	`hsl(160.4,60%,48%)`
HSV (or HSB)	160.4°, 75, 76.9
Web Safe	33cc99	`#33cc99`

CIE-LAB	71.056, -49.216, 13.373
XYZ	26.35, 42.268, 34.785
xyY	0.255, 0.409, 42.268
CIE-LCH	71.056, 51, 164.799
CIE-LUV	71.056, -55.437, 26.893
Hunter-Lab	65.014, -41.43, 13.787
Binary	00110001, 11000100, 10010100

#31c494
```
#31c494 rgb(49,196,148)
```
#c43161
```
#c43161 rgb(196,49,97)
```

Complementary Color

#31c44b
```
#31c44b rgb(49,196,75)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#31abc4
```
#31abc4 rgb(49,171,196)
```

Analogous Color

#c44b31
```
#c44b31 rgb(196,75,49)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#c431ab
```
#c431ab rgb(196,49,171)
```

Split Complementary Color

#c49431
```
#c49431 rgb(196,148,49)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#9431c4
```
#9431c4 rgb(148,49,196)
```

Triadic Color

#61c431
```
#61c431 rgb(97,196,49)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#9431c4
```
#9431c4 rgb(148,49,196)
```
#c43161
```
#c43161 rgb(196,49,97)
```

Tetradic Color

#228766
```
#228766 rgb(34,135,102)
```
#279b75
```
#279b75 rgb(39,155,117)
```
#2cb085
```
#2cb085 rgb(44,176,133)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#3fcfa0
```
#3fcfa0 rgb(63,207,160)
```
#54d4aa
```
#54d4aa rgb(84,212,170)
```
#68d9b4
```
#68d9b4 rgb(104,217,180)
```

Monochromatic Color

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

#31c46f
```
#31c46f rgb(49,196,111)
```
#31c47c
```
#31c47c rgb(49,196,124)
```
#31c488
```
#31c488 rgb(49,196,136)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#31c4a0
```
#31c4a0 rgb(49,196,160)
```
#31c4ad
```
#31c4ad rgb(49,196,173)
```
#31c4b9
```
#31c4b9 rgb(49,196,185)
```

Similar Colors

Text with hexadecimal color #31c494

This text has a font color of #31c494.

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

#31c494 background color

This paragraph has a background color of #31c494.

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

#31c494 border color

This element has a border color of #31c494.

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

CSS codes

.text {color:#31c494;}

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

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

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

#020806
```
#020806 rgb(2,8,6)
```
#061712
```
#061712 rgb(6,23,18)
```
#0a271e
```
#0a271e rgb(10,39,30)
```
#0e3729
```
#0e3729 rgb(14,55,41)
```
#124635
```
#124635 rgb(18,70,53)
```
#165641
```
#165641 rgb(22,86,65)
```
#19664d
```
#19664d rgb(25,102,77)
```
#1d7659
```
#1d7659 rgb(29,118,89)
```
#218565
```
#218565 rgb(33,133,101)
```
#259570
```
#259570 rgb(37,149,112)
```
#29a57c
```
#29a57c rgb(41,165,124)
```
#2db488
```
#2db488 rgb(45,180,136)
```
#31c494
```
#31c494 rgb(49,196,148)
```

Shade Color Variation

#3bce9e
```
#3bce9e rgb(59,206,158)
```
#4ad2a6
```
#4ad2a6 rgb(74,210,166)
```
#5ad6ad
```
#5ad6ad rgb(90,214,173)
```
#6adab5
```
#6adab5 rgb(106,218,181)
```
#79debd
```
#79debd rgb(121,222,189)
```
#89e2c5
```
#89e2c5 rgb(137,226,197)
```
#99e5cc
```
#99e5cc rgb(153,229,204)
```
#a9e9d4
```
#a9e9d4 rgb(169,233,212)
```
#b8eddc
```
#b8eddc rgb(184,237,220)
```
#c8f1e4
```
#c8f1e4 rgb(200,241,228)
```
#d8f5ec
```
#d8f5ec rgb(216,245,236)
```
#e7f9f3
```
#e7f9f3 rgb(231,249,243)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#73827d
```
#73827d rgb(115,130,125)
```
#6a8b80
```
#6a8b80 rgb(106,139,128)
```
#609584
```
#609584 rgb(96,149,132)
```
#579e87
```
#579e87 rgb(87,158,135)
```
#4da88a
```
#4da88a rgb(77,168,138)
```
#44b18d
```
#44b18d rgb(68,177,141)
```
#3abb91
```
#3abb91 rgb(58,187,145)
```
#31c494
```
#31c494 rgb(49,196,148)
```
#28cd97
```
#28cd97 rgb(40,205,151)
```
#1ed79b
```
#1ed79b rgb(30,215,155)
```
#15e09e
```
#15e09e rgb(21,224,158)
```
#0beaa1
```
#0beaa1 rgb(11,234,161)
```
#02f3a4
```
#02f3a4 rgb(2,243,164)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#7f9d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb18f Protanopia 1% of men
#c8aca2 Deuteranopia 1% of men
#5abfcd Tritanopia 0.001% of the population

Trichromacy

#8ab891 Protanomaly 1% of men, 0.01% of women
#91b49d Deuteranomaly 6% of men, 0.4% of women
#4bc1b8 Tritanomaly 0.01% of the population

#31c494 hex color

#31c494 Color Information

#31c494 Color Conversion

Color Schemes with #31c494

Alternatives to #31c494

#31c494 Preview

Shades and Tints of #31c494

Tones of #31c494

Color Blindness Simulator