#318366 hex color

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

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

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

The hexadecimal color #318366 has RGB values of R:49, G:131, B:102 and CMYK values of C:0.63, M:0, Y:0.22, K:0.49. Its decimal value is 3244902.

Hex triplet	318366	`#318366`
RGB Decimal	49, 131, 102	`rgb(49,131,102)`
RGB Percent	19.2, 51.4, 40	`rgb(19.2%,51.4%,40%)`
CMYK	63, 0, 22, 49
HSL	158.8°, 45.6, 35.3	`hsl(158.8,45.6%,35.3%)`
HSV (or HSB)	158.8°, 62.6, 51.4
Web Safe	339966	`#339966`

CIE-LAB	49.306, -32.2, 8.409
XYZ	11.78, 17.844, 15.393
xyY	0.262, 0.396, 17.844
CIE-LCH	49.306, 33.28, 165.364
CIE-LUV	49.306, -34.053, 15.938
Hunter-Lab	42.242, -24.144, 7.964
Binary	00110001, 10000011, 01100110

#318366
```
#318366 rgb(49,131,102)
```
#83314e
```
#83314e rgb(131,49,78)
```

Complementary Color

#31833d
```
#31833d rgb(49,131,61)
```
#318366
```
#318366 rgb(49,131,102)
```
#317783
```
#317783 rgb(49,119,131)
```

Analogous Color

#833d31
```
#833d31 rgb(131,61,49)
```
#318366
```
#318366 rgb(49,131,102)
```
#833177
```
#833177 rgb(131,49,119)
```

Split Complementary Color

#836631
```
#836631 rgb(131,102,49)
```
#318366
```
#318366 rgb(49,131,102)
```
#663183
```
#663183 rgb(102,49,131)
```

Triadic Color

#4e8331
```
#4e8331 rgb(78,131,49)
```
#318366
```
#318366 rgb(49,131,102)
```
#663183
```
#663183 rgb(102,49,131)
```
#83314e
```
#83314e rgb(131,49,78)
```

Tetradic Color

#1c4b3b
```
#1c4b3b rgb(28,75,59)
```
#235e49
```
#235e49 rgb(35,94,73)
```
#2a7058
```
#2a7058 rgb(42,112,88)
```
#318366
```
#318366 rgb(49,131,102)
```
#389674
```
#389674 rgb(56,150,116)
```
#3fa883
```
#3fa883 rgb(63,168,131)
```
#47ba91
```
#47ba91 rgb(71,186,145)
```

Monochromatic Color

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

#318352
```
#318352 rgb(49,131,82)
```
#318358
```
#318358 rgb(49,131,88)
```
#31835f
```
#31835f rgb(49,131,95)
```
#318366
```
#318366 rgb(49,131,102)
```
#31836d
```
#31836d rgb(49,131,109)
```
#318374
```
#318374 rgb(49,131,116)
```
#31837b
```
#31837b rgb(49,131,123)
```

Similar Colors

Text with hexadecimal color #318366

This text has a font color of #318366.

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

#318366 background color

This paragraph has a background color of #318366.

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

#318366 border color

This element has a border color of #318366.

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

CSS codes

.text {color:#318366;}

.background {background-color:#318366;}

.border {border:1px solid #318366;}

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

#010302
```
#010302 rgb(1,3,2)
```
#06110d
```
#06110d rgb(6,17,13)
```
#0c1f18
```
#0c1f18 rgb(12,31,24)
```
#112d23
```
#112d23 rgb(17,45,35)
```
#163c2e
```
#163c2e rgb(22,60,46)
```
#1c4a3a
```
#1c4a3a rgb(28,74,58)
```
#215845
```
#215845 rgb(33,88,69)
```
#266650
```
#266650 rgb(38,102,80)
```
#2c755b
```
#2c755b rgb(44,117,91)
```
#318366
```
#318366 rgb(49,131,102)
```
#369171
```
#369171 rgb(54,145,113)
```
#3ca07c
```
#3ca07c rgb(60,160,124)
```
#41ae87
```
#41ae87 rgb(65,174,135)
```

Shade Color Variation

#48bb92
```
#48bb92 rgb(72,187,146)
```
#56c09b
```
#56c09b rgb(86,192,155)
```
#64c5a3
```
#64c5a3 rgb(100,197,163)
```
#73cbac
```
#73cbac rgb(115,203,172)
```
#81d0b4
```
#81d0b4 rgb(129,208,180)
```
#8fd5bd
```
#8fd5bd rgb(143,213,189)
```
#9edbc5
```
#9edbc5 rgb(158,219,197)
```
#ace0ce
```
#ace0ce rgb(172,224,206)
```
#bae5d6
```
#bae5d6 rgb(186,229,214)
```
#c8ebdf
```
#c8ebdf rgb(200,235,223)
```
#d7f0e7
```
#d7f0e7 rgb(215,240,231)
```
#e5f5f0
```
#e5f5f0 rgb(229,245,240)
```
#f3fbf8
```
#f3fbf8 rgb(243,251,248)
```

Tint Color Variation

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

#54605c
```
#54605c rgb(84,96,92)
```
#4d675e
```
#4d675e rgb(77,103,94)
```
#466e60
```
#466e60 rgb(70,110,96)
```
#3f7562
```
#3f7562 rgb(63,117,98)
```
#387c64
```
#387c64 rgb(56,124,100)
```
#318366
```
#318366 rgb(49,131,102)
```
#2a8a68
```
#2a8a68 rgb(42,138,104)
```
#23916a
```
#23916a rgb(35,145,106)
```
#1c986c
```
#1c986c rgb(28,152,108)
```
#159f6e
```
#159f6e rgb(21,159,110)
```
#0ea670
```
#0ea670 rgb(14,166,112)
```
#07ad72
```
#07ad72 rgb(7,173,114)
```
#01b374
```
#01b374 rgb(1,179,116)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#5c6d67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837c67 Protanopia 1% of men
#8b7873 Deuteranopia 1% of men
#49848e Tritanopia 0.001% of the population

Trichromacy

#657e67 Protanomaly 1% of men, 0.01% of women
#6a7c6e Deuteranomaly 6% of men, 0.4% of women
#40847f Tritanomaly 0.01% of the population

#318366 hex color

#318366 Color Information

#318366 Color Conversion

Color Schemes with #318366

Alternatives to #318366

#318366 Preview

Shades and Tints of #318366

Tones of #318366

Color Blindness Simulator