#31b460 hex color

In a RGB color space, hex #31b460 is composed of 19.2% red, 70.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 0% magenta, 46.7% yellow and 29.4% black. It has a hue angle of 141.5 degrees, a saturation of 57.2% and a lightness of 44.9%. #31b460 color hex could be obtained by blending #62ffc0 with #006900. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 71
- B 38
RGB color chart
- C 73
- M 0
- Y 47
- K 29
CMYK color chart

● #31b460 color description : Moderate cyan - lime green.

The hexadecimal color #31b460 has RGB values of R:49, G:180, B:96 and CMYK values of C:0.73, M:0, Y:0.47, K:0.29. Its decimal value is 3257440.

Hex triplet	31b460	`#31b460`
RGB Decimal	49, 180, 96	`rgb(49,180,96)`
RGB Percent	19.2, 70.6, 37.6	`rgb(19.2%,70.6%,37.6%)`
CMYK	73, 0, 47, 29
HSL	141.5°, 57.2, 44.9	`hsl(141.5,57.2%,44.9%)`
HSV (or HSB)	141.5°, 72.8, 70.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.072, -53.558, 32.9
XYZ	19.698, 34.138, 16.617
xyY	0.28, 0.485, 34.138
CIE-LCH	65.072, 62.856, 148.438
CIE-LUV	65.072, -52.762, 50.686
Hunter-Lab	58.428, -42.071, 24.037
Binary	00110001, 10110100, 01100000

#31b460
```
#31b460 rgb(49,180,96)
```
#b43185
```
#b43185 rgb(180,49,133)
```

Complementary Color

#44b431
```
#44b431 rgb(68,180,49)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#31b4a2
```
#31b4a2 rgb(49,180,162)
```

Analogous Color

#b43144
```
#b43144 rgb(180,49,68)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#a231b4
```
#a231b4 rgb(162,49,180)
```

Split Complementary Color

#b46031
```
#b46031 rgb(180,96,49)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#6031b4
```
#6031b4 rgb(96,49,180)
```

Triadic Color

#85b431
```
#85b431 rgb(133,180,49)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#6031b4
```
#6031b4 rgb(96,49,180)
```
#b43185
```
#b43185 rgb(180,49,133)
```

Tetradic Color

#217840
```
#217840 rgb(33,120,64)
```
#268c4b
```
#268c4b rgb(38,140,75)
```
#2ca055
```
#2ca055 rgb(44,160,85)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#36c86b
```
#36c86b rgb(54,200,107)
```
#4ace79
```
#4ace79 rgb(74,206,121)
```
#5ed388
```
#5ed388 rgb(94,211,136)
```

Monochromatic Color

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

#31b43f
```
#31b43f rgb(49,180,63)
```
#31b44a
```
#31b44a rgb(49,180,74)
```
#31b455
```
#31b455 rgb(49,180,85)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#31b46b
```
#31b46b rgb(49,180,107)
```
#31b476
```
#31b476 rgb(49,180,118)
```
#31b481
```
#31b481 rgb(49,180,129)
```

Similar Colors

Text with hexadecimal color #31b460

This text has a font color of #31b460.

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

#31b460 background color

This paragraph has a background color of #31b460.

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

#31b460 border color

This element has a border color of #31b460.

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

CSS codes

.text {color:#31b460;}

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

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

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, #030a06 is the darkest color, while #fafefb is the lightest one.

#030a06
```
#030a06 rgb(3,10,6)
```
#071a0e
```
#071a0e rgb(7,26,14)
```
#0b2916
```
#0b2916 rgb(11,41,22)
```
#0f391e
```
#0f391e rgb(15,57,30)
```
#144826
```
#144826 rgb(20,72,38)
```
#18572f
```
#18572f rgb(24,87,47)
```
#1c6737
```
#1c6737 rgb(28,103,55)
```
#20763f
```
#20763f rgb(32,118,63)
```
#248647
```
#248647 rgb(36,134,71)
```
#299550
```
#299550 rgb(41,149,80)
```
#2da558
```
#2da558 rgb(45,165,88)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#35c368
```
#35c368 rgb(53,195,104)
```

Shade Color Variation

#41cb73
```
#41cb73 rgb(65,203,115)
```
#50cf7e
```
#50cf7e rgb(80,207,126)
```
#60d489
```
#60d489 rgb(96,212,137)
```
#6fd895
```
#6fd895 rgb(111,216,149)
```
#7fdca0
```
#7fdca0 rgb(127,220,160)
```
#8ee0ac
```
#8ee0ac rgb(142,224,172)
```
#9de4b7
```
#9de4b7 rgb(157,228,183)
```
#ade9c2
```
#ade9c2 rgb(173,233,194)
```
#bcedce
```
#bcedce rgb(188,237,206)
```
#ccf1d9
```
#ccf1d9 rgb(204,241,217)
```
#dbf5e5
```
#dbf5e5 rgb(219,245,229)
```
#ebf9f0
```
#ebf9f0 rgb(235,249,240)
```
#fafefb
```
#fafefb rgb(250,254,251)
```

Tint Color Variation

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

#6f7671
```
#6f7671 rgb(111,118,113)
```
#667f6f
```
#667f6f rgb(102,127,111)
```
#5d886c
```
#5d886c rgb(93,136,108)
```
#54916a
```
#54916a rgb(84,145,106)
```
#4b9a67
```
#4b9a67 rgb(75,154,103)
```
#43a265
```
#43a265 rgb(67,162,101)
```
#3aab62
```
#3aab62 rgb(58,171,98)
```
#31b460
```
#31b460 rgb(49,180,96)
```
#28bd5e
```
#28bd5e rgb(40,189,94)
```
#1fc65b
```
#1fc65b rgb(31,198,91)
```
#17ce59
```
#17ce59 rgb(23,206,89)
```
#0ed756
```
#0ed756 rgb(14,215,86)
```
#05e054
```
#05e054 rgb(5,224,84)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#738d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a360 Protanopia 1% of men
#c19c71 Deuteranopia 1% of men
#5faebb Tritanopia 0.001% of the population

Trichromacy

#83a960 Protanomaly 1% of men, 0.01% of women
#8ca46b Deuteranomaly 6% of men, 0.4% of women
#4eb099 Tritanomaly 0.01% of the population

#31b460 hex color

#31b460 Color Information

#31b460 Color Conversion

Color Schemes with #31b460

Alternatives to #31b460

#31b460 Preview

Shades and Tints of #31b460

Tones of #31b460

Color Blindness Simulator