#368168 hex color

In a RGB color space, hex #368168 is composed of 21.2% red, 50.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 0% magenta, 19.4% yellow and 49.4% black. It has a hue angle of 160 degrees, a saturation of 41% and a lightness of 35.9%. #368168 color hex could be obtained by blending #6cffd0 with #000300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 21
- G 51
- B 41
RGB color chart
- C 58
- M 0
- Y 19
- K 49
CMYK color chart

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

The hexadecimal color #368168 has RGB values of R:54, G:129, B:104 and CMYK values of C:0.58, M:0, Y:0.19, K:0.49. Its decimal value is 3572072.

Hex triplet	368168	`#368168`
RGB Decimal	54, 129, 104	`rgb(54,129,104)`
RGB Percent	21.2, 50.6, 40.8	`rgb(21.2%,50.6%,40.8%)`
CMYK	58, 0, 19, 49
HSL	160°, 41, 35.9	`hsl(160,41%,35.9%)`
HSV (or HSB)	160°, 58.1, 50.6
Web Safe	339966	`#339966`

CIE-LAB	48.863, -29.664, 6.635
XYZ	11.869, 17.483, 15.845
xyY	0.263, 0.387, 17.483
CIE-LCH	48.863, 30.397, 167.392
CIE-LUV	48.863, -31.911, 13.246
Hunter-Lab	41.813, -22.502, 6.801
Binary	00110110, 10000001, 01101000

#368168
```
#368168 rgb(54,129,104)
```
#81364f
```
#81364f rgb(129,54,79)
```

Complementary Color

#368143
```
#368143 rgb(54,129,67)
```
#368168
```
#368168 rgb(54,129,104)
```
#367581
```
#367581 rgb(54,117,129)
```

Analogous Color

#814336
```
#814336 rgb(129,67,54)
```
#368168
```
#368168 rgb(54,129,104)
```
#813675
```
#813675 rgb(129,54,117)
```

Split Complementary Color

#816836
```
#816836 rgb(129,104,54)
```
#368168
```
#368168 rgb(54,129,104)
```
#683681
```
#683681 rgb(104,54,129)
```

Triadic Color

#4f8136
```
#4f8136 rgb(79,129,54)
```
#368168
```
#368168 rgb(54,129,104)
```
#683681
```
#683681 rgb(104,54,129)
```
#81364f
```
#81364f rgb(129,54,79)
```

Tetradic Color

#1f4b3d
```
#1f4b3d rgb(31,75,61)
```
#275d4b
```
#275d4b rgb(39,93,75)
```
#2e6f5a
```
#2e6f5a rgb(46,111,90)
```
#368168
```
#368168 rgb(54,129,104)
```
#3e9376
```
#3e9376 rgb(62,147,118)
```
#45a585
```
#45a585 rgb(69,165,133)
```
#4eb593
```
#4eb593 rgb(78,181,147)
```

Monochromatic Color

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

#368155
```
#368155 rgb(54,129,85)
```
#36815c
```
#36815c rgb(54,129,92)
```
#368162
```
#368162 rgb(54,129,98)
```
#368168
```
#368168 rgb(54,129,104)
```
#36816e
```
#36816e rgb(54,129,110)
```
#368175
```
#368175 rgb(54,129,117)
```
#36817b
```
#36817b rgb(54,129,123)
```

Similar Colors

Text with hexadecimal color #368168

This text has a font color of #368168.

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

#368168 background color

This paragraph has a background color of #368168.

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

#368168 border color

This element has a border color of #368168.

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

CSS codes

.text {color:#368168;}

.background {background-color:#368168;}

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

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

#020504
```
#020504 rgb(2,5,4)
```
#08120f
```
#08120f rgb(8,18,15)
```
#0d201a
```
#0d201a rgb(13,32,26)
```
#132e25
```
#132e25 rgb(19,46,37)
```
#193c30
```
#193c30 rgb(25,60,48)
```
#1f4a3b
```
#1f4a3b rgb(31,74,59)
```
#255847
```
#255847 rgb(37,88,71)
```
#2a6552
```
#2a6552 rgb(42,101,82)
```
#30735d
```
#30735d rgb(48,115,93)
```
#368168
```
#368168 rgb(54,129,104)
```
#3c8f73
```
#3c8f73 rgb(60,143,115)
```
#429d7e
```
#429d7e rgb(66,157,126)
```
#47aa89
```
#47aa89 rgb(71,170,137)
```

Shade Color Variation

#50b694
```
#50b694 rgb(80,182,148)
```
#5ebb9c
```
#5ebb9c rgb(94,187,156)
```
#6bc1a5
```
#6bc1a5 rgb(107,193,165)
```
#79c7ad
```
#79c7ad rgb(121,199,173)
```
#87cdb6
```
#87cdb6 rgb(135,205,182)
```
#95d3be
```
#95d3be rgb(149,211,190)
```
#a3d8c7
```
#a3d8c7 rgb(163,216,199)
```
#b1decf
```
#b1decf rgb(177,222,207)
```
#bee4d7
```
#bee4d7 rgb(190,228,215)
```
#cceae0
```
#cceae0 rgb(204,234,224)
```
#daf0e8
```
#daf0e8 rgb(218,240,232)
```
#e8f5f1
```
#e8f5f1 rgb(232,245,241)
```
#f6fbf9
```
#f6fbf9 rgb(246,251,249)
```

Tint Color Variation

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

#595e5c
```
#595e5c rgb(89,94,92)
```
#52655f
```
#52655f rgb(82,101,95)
```
#4b6c61
```
#4b6c61 rgb(75,108,97)
```
#447363
```
#447363 rgb(68,115,99)
```
#3d7a66
```
#3d7a66 rgb(61,122,102)
```
#368168
```
#368168 rgb(54,129,104)
```
#2f886a
```
#2f886a rgb(47,136,106)
```
#288f6d
```
#288f6d rgb(40,143,109)
```
#21966f
```
#21966f rgb(33,150,111)
```
#1a9d71
```
#1a9d71 rgb(26,157,113)
```
#13a474
```
#13a474 rgb(19,164,116)
```
#0cab76
```
#0cab76 rgb(12,171,118)
```
#05b278
```
#05b278 rgb(5,178,120)
```

Tone Color Variation

Below, you can see how #368168 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
#5e6d68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#817a69 Protanopia 1% of men
#887775 Deuteranopia 1% of men
#4c838d Tritanopia 0.001% of the population

Trichromacy

#667d69 Protanomaly 1% of men, 0.01% of women
#6a7a70 Deuteranomaly 6% of men, 0.4% of women
#44827f Tritanomaly 0.01% of the population

#368168 hex color

#368168 Color Information

#368168 Color Conversion

Color Schemes with #368168

Alternatives to #368168

#368168 Preview

Shades and Tints of #368168

Tones of #368168

Color Blindness Simulator