#31b368 hex color

In a RGB color space, hex #31b368 is composed of 19.2% red, 70.2% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 41.9% yellow and 29.8% black. It has a hue angle of 145.4 degrees, a saturation of 57% and a lightness of 44.7%. #31b368 color hex could be obtained by blending #62ffd0 with #006700. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 70
- B 41
RGB color chart
- C 73
- M 0
- Y 42
- K 30
CMYK color chart

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

The hexadecimal color #31b368 has RGB values of R:49, G:179, B:104 and CMYK values of C:0.73, M:0, Y:0.42, K:0.3. Its decimal value is 3257192.

Hex triplet	31b368	`#31b368`
RGB Decimal	49, 179, 104	`rgb(49,179,104)`
RGB Percent	19.2, 70.2, 40.8	`rgb(19.2%,70.2%,40.8%)`
CMYK	73, 0, 42, 30
HSL	145.4°, 57, 44.7	`hsl(145.4,57%,44.7%)`
HSV (or HSB)	145.4°, 72.6, 70.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	64.876, -51.783, 28.489
XYZ	19.884, 33.891, 18.59
xyY	0.275, 0.468, 33.891
CIE-LCH	64.876, 59.103, 151.182
CIE-LUV	64.876, -51.995, 45.492
Hunter-Lab	58.216, -40.909, 21.818
Binary	00110001, 10110011, 01101000

#31b368
```
#31b368 rgb(49,179,104)
```
#b3317c
```
#b3317c rgb(179,49,124)
```

Complementary Color

#3bb331
```
#3bb331 rgb(59,179,49)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#31b3a9
```
#31b3a9 rgb(49,179,169)
```

Analogous Color

#b3313b
```
#b3313b rgb(179,49,59)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#a931b3
```
#a931b3 rgb(169,49,179)
```

Split Complementary Color

#b36831
```
#b36831 rgb(179,104,49)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#6831b3
```
#6831b3 rgb(104,49,179)
```

Triadic Color

#7cb331
```
#7cb331 rgb(124,179,49)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#6831b3
```
#6831b3 rgb(104,49,179)
```
#b3317c
```
#b3317c rgb(179,49,124)
```

Tetradic Color

#217745
```
#217745 rgb(33,119,69)
```
#268b51
```
#268b51 rgb(38,139,81)
```
#2c9f5c
```
#2c9f5c rgb(44,159,92)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#36c774
```
#36c774 rgb(54,199,116)
```
#4acd81
```
#4acd81 rgb(74,205,129)
```
#5ed38f
```
#5ed38f rgb(94,211,143)
```

Monochromatic Color

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

#31b348
```
#31b348 rgb(49,179,72)
```
#31b352
```
#31b352 rgb(49,179,82)
```
#31b35d
```
#31b35d rgb(49,179,93)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#31b373
```
#31b373 rgb(49,179,115)
```
#31b37e
```
#31b37e rgb(49,179,126)
```
#31b389
```
#31b389 rgb(49,179,137)
```

Similar Colors

Text with hexadecimal color #31b368

This text has a font color of #31b368.

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

#31b368 background color

This paragraph has a background color of #31b368.

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

#31b368 border color

This element has a border color of #31b368.

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

CSS codes

.text {color:#31b368;}

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

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

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 #f9fdfb is the lightest one.

#030a06
```
#030a06 rgb(3,10,6)
```
#07190f
```
#07190f rgb(7,25,15)
```
#0b2817
```
#0b2817 rgb(11,40,23)
```
#0f3820
```
#0f3820 rgb(15,56,32)
```
#134729
```
#134729 rgb(19,71,41)
```
#185732
```
#185732 rgb(24,87,50)
```
#1c663b
```
#1c663b rgb(28,102,59)
```
#207544
```
#207544 rgb(32,117,68)
```
#24854d
```
#24854d rgb(36,133,77)
```
#299456
```
#299456 rgb(41,148,86)
```
#2da45f
```
#2da45f rgb(45,164,95)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#35c271
```
#35c271 rgb(53,194,113)
```

Shade Color Variation

#40cb7b
```
#40cb7b rgb(64,203,123)
```
#50cf86
```
#50cf86 rgb(80,207,134)
```
#5fd390
```
#5fd390 rgb(95,211,144)
```
#6fd79b
```
#6fd79b rgb(111,215,155)
```
#7edca6
```
#7edca6 rgb(126,220,166)
```
#8de0b0
```
#8de0b0 rgb(141,224,176)
```
#9de4bb
```
#9de4bb rgb(157,228,187)
```
#ace8c6
```
#ace8c6 rgb(172,232,198)
```
#bcedd0
```
#bcedd0 rgb(188,237,208)
```
#cbf1db
```
#cbf1db rgb(203,241,219)
```
#daf5e6
```
#daf5e6 rgb(218,245,230)
```
#eaf9f0
```
#eaf9f0 rgb(234,249,240)
```
#f9fdfb
```
#f9fdfb rgb(249,253,251)
```

Tint Color Variation

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

#6e7671
```
#6e7671 rgb(110,118,113)
```
#667e70
```
#667e70 rgb(102,126,112)
```
#5d876f
```
#5d876f rgb(93,135,111)
```
#54906d
```
#54906d rgb(84,144,109)
```
#4b996c
```
#4b996c rgb(75,153,108)
```
#43a16b
```
#43a16b rgb(67,161,107)
```
#3aaa69
```
#3aaa69 rgb(58,170,105)
```
#31b368
```
#31b368 rgb(49,179,104)
```
#28bc67
```
#28bc67 rgb(40,188,103)
```
#1fc565
```
#1fc565 rgb(31,197,101)
```
#17cd64
```
#17cd64 rgb(23,205,100)
```
#0ed663
```
#0ed663 rgb(14,214,99)
```
#05df61
```
#05df61 rgb(5,223,97)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#738d7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0a268 Protanopia 1% of men
#bf9c79 Deuteranopia 1% of men
#5dadba Tritanopia 0.001% of the population

Trichromacy

#82a868 Protanomaly 1% of men, 0.01% of women
#8ba472 Deuteranomaly 6% of men, 0.4% of women
#4daf9c Tritanomaly 0.01% of the population

#31b368 hex color

#31b368 Color Information

#31b368 Color Conversion

Color Schemes with #31b368

Alternatives to #31b368

#31b368 Preview

Shades and Tints of #31b368

Tones of #31b368

Color Blindness Simulator