#31836c hex color

In a RGB color space, hex #31836c is composed of 19.2% red, 51.4% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 17.6% yellow and 48.6% black. It has a hue angle of 163.2 degrees, a saturation of 45.6% and a lightness of 35.3%. #31836c color hex could be obtained by blending #62ffd8 with #000700. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 51
- B 42
RGB color chart
- C 63
- M 0
- Y 18
- K 49
CMYK color chart

● #31836c color description : Dark moderate cyan - lime green.

The hexadecimal color #31836c has RGB values of R:49, G:131, B:108 and CMYK values of C:0.63, M:0, Y:0.18, K:0.49. Its decimal value is 3244908.

Hex triplet	31836c	`#31836c`
RGB Decimal	49, 131, 108	`rgb(49,131,108)`
RGB Percent	19.2, 51.4, 42.4	`rgb(19.2%,51.4%,42.4%)`
CMYK	63, 0, 18, 49
HSL	163.2°, 45.6, 35.3	`hsl(163.2,45.6%,35.3%)`
HSV (or HSB)	163.2°, 62.6, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.456, -30.69, 5.125
XYZ	12.089, 17.967, 17.017
xyY	0.257, 0.382, 17.967
CIE-LCH	49.456, 31.115, 170.52
CIE-LUV	49.456, -33.739, 11.429
Hunter-Lab	42.388, -23.272, 5.868
Binary	00110001, 10000011, 01101100

#31836c
```
#31836c rgb(49,131,108)
```
#833148
```
#833148 rgb(131,49,72)
```

Complementary Color

#318343
```
#318343 rgb(49,131,67)
```
#31836c
```
#31836c rgb(49,131,108)
```
#317183
```
#317183 rgb(49,113,131)
```

Analogous Color

#834331
```
#834331 rgb(131,67,49)
```
#31836c
```
#31836c rgb(49,131,108)
```
#833171
```
#833171 rgb(131,49,113)
```

Split Complementary Color

#836c31
```
#836c31 rgb(131,108,49)
```
#31836c
```
#31836c rgb(49,131,108)
```
#6c3183
```
#6c3183 rgb(108,49,131)
```

Triadic Color

#488331
```
#488331 rgb(72,131,49)
```
#31836c
```
#31836c rgb(49,131,108)
```
#6c3183
```
#6c3183 rgb(108,49,131)
```
#833148
```
#833148 rgb(131,49,72)
```

Tetradic Color

#1c4b3e
```
#1c4b3e rgb(28,75,62)
```
#235e4d
```
#235e4d rgb(35,94,77)
```
#2a705d
```
#2a705d rgb(42,112,93)
```
#31836c
```
#31836c rgb(49,131,108)
```
#38967b
```
#38967b rgb(56,150,123)
```
#3fa88b
```
#3fa88b rgb(63,168,139)
```
#47ba9a
```
#47ba9a rgb(71,186,154)
```

Monochromatic Color

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

#318358
```
#318358 rgb(49,131,88)
```
#31835e
```
#31835e rgb(49,131,94)
```
#318365
```
#318365 rgb(49,131,101)
```
#31836c
```
#31836c rgb(49,131,108)
```
#318373
```
#318373 rgb(49,131,115)
```
#31837a
```
#31837a rgb(49,131,122)
```
#318381
```
#318381 rgb(49,131,129)
```

Similar Colors

Text with hexadecimal color #31836c

This text has a font color of #31836c.

<span style="color:#31836c;">Text here</span>

#31836c background color

This paragraph has a background color of #31836c.

<p style="background-color:#31836c;">Content here</p>

#31836c border color

This element has a border color of #31836c.

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

CSS codes

.text {color:#31836c;}

.background {background-color:#31836c;}

.border {border:1px solid #31836c;}

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

#010302
```
#010302 rgb(1,3,2)
```
#06110e
```
#06110e rgb(6,17,14)
```
#0c1f1a
```
#0c1f1a rgb(12,31,26)
```
#112d25
```
#112d25 rgb(17,45,37)
```
#163c31
```
#163c31 rgb(22,60,49)
```
#1c4a3d
```
#1c4a3d rgb(28,74,61)
```
#215849
```
#215849 rgb(33,88,73)
```
#266654
```
#266654 rgb(38,102,84)
```
#2c7560
```
#2c7560 rgb(44,117,96)
```
#31836c
```
#31836c rgb(49,131,108)
```
#369178
```
#369178 rgb(54,145,120)
```
#3ca084
```
#3ca084 rgb(60,160,132)
```
#41ae8f
```
#41ae8f rgb(65,174,143)
```

Shade Color Variation

#48bb9a
```
#48bb9a rgb(72,187,154)
```
#56c0a2
```
#56c0a2 rgb(86,192,162)
```
#64c5aa
```
#64c5aa rgb(100,197,170)
```
#73cbb2
```
#73cbb2 rgb(115,203,178)
```
#81d0ba
```
#81d0ba rgb(129,208,186)
```
#8fd5c2
```
#8fd5c2 rgb(143,213,194)
```
#9edbc9
```
#9edbc9 rgb(158,219,201)
```
#ace0d1
```
#ace0d1 rgb(172,224,209)
```
#bae5d9
```
#bae5d9 rgb(186,229,217)
```
#c8ebe1
```
#c8ebe1 rgb(200,235,225)
```
#d7f0e9
```
#d7f0e9 rgb(215,240,233)
```
#e5f5f1
```
#e5f5f1 rgb(229,245,241)
```
#f3fbf9
```
#f3fbf9 rgb(243,251,249)
```

Tint Color Variation

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

#54605d
```
#54605d rgb(84,96,93)
```
#4d6760
```
#4d6760 rgb(77,103,96)
```
#466e63
```
#466e63 rgb(70,110,99)
```
#3f7566
```
#3f7566 rgb(63,117,102)
```
#387c69
```
#387c69 rgb(56,124,105)
```
#31836c
```
#31836c rgb(49,131,108)
```
#2a8a6f
```
#2a8a6f rgb(42,138,111)
```
#239172
```
#239172 rgb(35,145,114)
```
#1c9875
```
#1c9875 rgb(28,152,117)
```
#159f78
```
#159f78 rgb(21,159,120)
```
#0ea67b
```
#0ea67b rgb(14,166,123)
```
#07ad7e
```
#07ad7e rgb(7,173,126)
```
#01b381
```
#01b381 rgb(1,179,129)
```

Tone Color Variation

Below, you can see how #31836c 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

#686868 Achromatopsia 0.005% of the population
#5d6d69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#827c6d Protanopia 1% of men
#897879 Deuteranopia 1% of men
#48858f Tritanopia 0.001% of the population

Trichromacy

#647e6c Protanomaly 1% of men, 0.01% of women
#697c74 Deuteranomaly 6% of men, 0.4% of women
#3f8482 Tritanomaly 0.01% of the population

#31836c hex color

#31836c Color Information

#31836c Color Conversion

Color Schemes with #31836c

Alternatives to #31836c

#31836c Preview

Shades and Tints of #31836c

Tones of #31836c

Color Blindness Simulator