#31b568 hex color

In a RGB color space, hex #31b568 is composed of 19.2% red, 71% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 0% magenta, 42.5% yellow and 29% black. It has a hue angle of 145 degrees, a saturation of 57.4% and a lightness of 45.1%. #31b568 color hex could be obtained by blending #62ffd0 with #006b00. Closest websafe color is: #33cc66.

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

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

The hexadecimal color #31b568 has RGB values of R:49, G:181, B:104 and CMYK values of C:0.73, M:0, Y:0.43, K:0.29. Its decimal value is 3257704.

Hex triplet	31b568	`#31b568`
RGB Decimal	49, 181, 104	`rgb(49,181,104)`
RGB Percent	19.2, 71, 40.8	`rgb(19.2%,71%,40.8%)`
CMYK	73, 0, 43, 29
HSL	145°, 57.4, 45.1	`hsl(145,57.4%,45.1%)`
HSV (or HSB)	145°, 72.9, 71
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.513, -52.534, 29.321
XYZ	20.288, 34.698, 18.724
xyY	0.275, 0.471, 34.698
CIE-LCH	65.513, 60.163, 150.833
CIE-LUV	65.513, -52.712, 46.681
Hunter-Lab	58.905, -41.606, 22.387
Binary	00110001, 10110101, 01101000

#31b568
```
#31b568 rgb(49,181,104)
```
#b5317e
```
#b5317e rgb(181,49,126)
```

Complementary Color

#3cb531
```
#3cb531 rgb(60,181,49)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#31b5aa
```
#31b5aa rgb(49,181,170)
```

Analogous Color

#b5313c
```
#b5313c rgb(181,49,60)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#aa31b5
```
#aa31b5 rgb(170,49,181)
```

Split Complementary Color

#b56831
```
#b56831 rgb(181,104,49)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#6831b5
```
#6831b5 rgb(104,49,181)
```

Triadic Color

#7eb531
```
#7eb531 rgb(126,181,49)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#6831b5
```
#6831b5 rgb(104,49,181)
```
#b5317e
```
#b5317e rgb(181,49,126)
```

Tetradic Color

#217945
```
#217945 rgb(33,121,69)
```
#268d51
```
#268d51 rgb(38,141,81)
```
#2ca15c
```
#2ca15c rgb(44,161,92)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#37c974
```
#37c974 rgb(55,201,116)
```
#4bce82
```
#4bce82 rgb(75,206,130)
```
#5fd490
```
#5fd490 rgb(95,212,144)
```

Monochromatic Color

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

#31b547
```
#31b547 rgb(49,181,71)
```
#31b552
```
#31b552 rgb(49,181,82)
```
#31b55d
```
#31b55d rgb(49,181,93)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#31b573
```
#31b573 rgb(49,181,115)
```
#31b57e
```
#31b57e rgb(49,181,126)
```
#31b589
```
#31b589 rgb(49,181,137)
```

Similar Colors

Text with hexadecimal color #31b568

This text has a font color of #31b568.

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

#31b568 background color

This paragraph has a background color of #31b568.

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

#31b568 border color

This element has a border color of #31b568.

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

CSS codes

.text {color:#31b568;}

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

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

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

#030b06
```
#030b06 rgb(3,11,6)
```
#071b0f
```
#071b0f rgb(7,27,15)
```
#0b2a18
```
#0b2a18 rgb(11,42,24)
```
#103a21
```
#103a21 rgb(16,58,33)
```
#14492a
```
#14492a rgb(20,73,42)
```
#185833
```
#185833 rgb(24,88,51)
```
#1c683c
```
#1c683c rgb(28,104,60)
```
#207745
```
#207745 rgb(32,119,69)
```
#24874d
```
#24874d rgb(36,135,77)
```
#299656
```
#299656 rgb(41,150,86)
```
#2da65f
```
#2da65f rgb(45,166,95)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#35c471
```
#35c471 rgb(53,196,113)
```

Shade Color Variation

#42cc7b
```
#42cc7b rgb(66,204,123)
```
#51d086
```
#51d086 rgb(81,208,134)
```
#60d491
```
#60d491 rgb(96,212,145)
```
#70d89b
```
#70d89b rgb(112,216,155)
```
#7fdca6
```
#7fdca6 rgb(127,220,166)
```
#8fe1b1
```
#8fe1b1 rgb(143,225,177)
```
#9ee5bc
```
#9ee5bc rgb(158,229,188)
```
#aee9c6
```
#aee9c6 rgb(174,233,198)
```
#bdedd1
```
#bdedd1 rgb(189,237,209)
```
#ccf1dc
```
#ccf1dc rgb(204,241,220)
```
#dcf5e7
```
#dcf5e7 rgb(220,245,231)
```
#ebfaf1
```
#ebfaf1 rgb(235,250,241)
```
#fbfefc
```
#fbfefc rgb(251,254,252)
```

Tint Color Variation

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

#6f7772
```
#6f7772 rgb(111,119,114)
```
#668071
```
#668071 rgb(102,128,113)
```
#5d896f
```
#5d896f rgb(93,137,111)
```
#54926e
```
#54926e rgb(84,146,110)
```
#4c9a6c
```
#4c9a6c rgb(76,154,108)
```
#43a36b
```
#43a36b rgb(67,163,107)
```
#3aac69
```
#3aac69 rgb(58,172,105)
```
#31b568
```
#31b568 rgb(49,181,104)
```
#28be67
```
#28be67 rgb(40,190,103)
```
#1fc765
```
#1fc765 rgb(31,199,101)
```
#16d064
```
#16d064 rgb(22,208,100)
```
#0ed862
```
#0ed862 rgb(14,216,98)
```
#05e161
```
#05e161 rgb(5,225,97)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a468 Protanopia 1% of men
#c19d79 Deuteranopia 1% of men
#5eafbc Tritanopia 0.001% of the population

Trichromacy

#83aa68 Protanomaly 1% of men, 0.01% of women
#8ca673 Deuteranomaly 6% of men, 0.4% of women
#4db19d Tritanomaly 0.01% of the population

#31b568 hex color

#31b568 Color Information

#31b568 Color Conversion

Color Schemes with #31b568

Alternatives to #31b568

#31b568 Preview

Shades and Tints of #31b568

Tones of #31b568

Color Blindness Simulator