#338c64 hex color

In a RGB color space, hex #338c64 is composed of 20% red, 54.9% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 0% magenta, 28.6% yellow and 45.1% black. It has a hue angle of 153 degrees, a saturation of 46.6% and a lightness of 37.5%. #338c64 color hex could be obtained by blending #66ffc8 with #001900. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 20
- G 55
- B 39
RGB color chart
- C 64
- M 0
- Y 29
- K 45
CMYK color chart

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

The hexadecimal color #338c64 has RGB values of R:51, G:140, B:100 and CMYK values of C:0.64, M:0, Y:0.29, K:0.45. Its decimal value is 3378276.

Hex triplet	338c64	`#338c64`
RGB Decimal	51, 140, 100	`rgb(51,140,100)`
RGB Percent	20, 54.9, 39.2	`rgb(20%,54.9%,39.2%)`
CMYK	64, 0, 29, 45
HSL	153°, 46.6, 37.5	`hsl(153,46.6%,37.5%)`
HSV (or HSB)	153°, 63.6, 54.9
Web Safe	339966	`#339966`

CIE-LAB	52.263, -36.34, 13.712
XYZ	13.043, 20.379, 15.302
xyY	0.268, 0.418, 20.379
CIE-LCH	52.263, 38.841, 159.327
CIE-LUV	52.263, -37.207, 23.551
Hunter-Lab	45.143, -27.429, 11.503
Binary	00110011, 10001100, 01100100

#338c64
```
#338c64 rgb(51,140,100)
```
#8c335b
```
#8c335b rgb(140,51,91)
```

Complementary Color

#338c37
```
#338c37 rgb(51,140,55)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#33888c
```
#33888c rgb(51,136,140)
```

Analogous Color

#8c3733
```
#8c3733 rgb(140,55,51)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#8c3388
```
#8c3388 rgb(140,51,136)
```

Split Complementary Color

#8c6433
```
#8c6433 rgb(140,100,51)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#64338c
```
#64338c rgb(100,51,140)
```

Triadic Color

#5b8c33
```
#5b8c33 rgb(91,140,51)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#64338c
```
#64338c rgb(100,51,140)
```
#8c335b
```
#8c335b rgb(140,51,91)
```

Tetradic Color

#1f543c
```
#1f543c rgb(31,84,60)
```
#256749
```
#256749 rgb(37,103,73)
```
#2c7957
```
#2c7957 rgb(44,121,87)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#3a9f71
```
#3a9f71 rgb(58,159,113)
```
#41b17f
```
#41b17f rgb(65,177,127)
```
#4dbe8b
```
#4dbe8b rgb(77,190,139)
```

Monochromatic Color

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

#338c4e
```
#338c4e rgb(51,140,78)
```
#338c55
```
#338c55 rgb(51,140,85)
```
#338c5d
```
#338c5d rgb(51,140,93)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#338c6b
```
#338c6b rgb(51,140,107)
```
#338c73
```
#338c73 rgb(51,140,115)
```
#338c7a
```
#338c7a rgb(51,140,122)
```

Similar Colors

Text with hexadecimal color #338c64

This text has a font color of #338c64.

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

#338c64 background color

This paragraph has a background color of #338c64.

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

#338c64 border color

This element has a border color of #338c64.

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

CSS codes

.text {color:#338c64;}

.background {background-color:#338c64;}

.border {border:1px solid #338c64;}

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, #040b08 is the darkest color, while #fbfefd is the lightest one.

#040b08
```
#040b08 rgb(4,11,8)
```
#091912
```
#091912 rgb(9,25,18)
```
#0e271c
```
#0e271c rgb(14,39,28)
```
#143626
```
#143626 rgb(20,54,38)
```
#194431
```
#194431 rgb(25,68,49)
```
#1e523b
```
#1e523b rgb(30,82,59)
```
#236145
```
#236145 rgb(35,97,69)
```
#296f4f
```
#296f4f rgb(41,111,79)
```
#2e7e5a
```
#2e7e5a rgb(46,126,90)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#389a6e
```
#389a6e rgb(56,154,110)
```
#3da979
```
#3da979 rgb(61,169,121)
```
#43b783
```
#43b783 rgb(67,183,131)
```

Shade Color Variation

#4fbf8c
```
#4fbf8c rgb(79,191,140)
```
#5dc496
```
#5dc496 rgb(93,196,150)
```
#6bc99f
```
#6bc99f rgb(107,201,159)
```
#7acea8
```
#7acea8 rgb(122,206,168)
```
#88d4b2
```
#88d4b2 rgb(136,212,178)
```
#97d9bb
```
#97d9bb rgb(151,217,187)
```
#a5dec4
```
#a5dec4 rgb(165,222,196)
```
#b3e3ce
```
#b3e3ce rgb(179,227,206)
```
#c2e9d7
```
#c2e9d7 rgb(194,233,215)
```
#d0eee1
```
#d0eee1 rgb(208,238,225)
```
#def3ea
```
#def3ea rgb(222,243,234)
```
#edf8f3
```
#edf8f3 rgb(237,248,243)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f6060 is the less saturated color, while #07b868 is the most saturated one.

#5f6060
```
#5f6060 rgb(95,96,96)
```
#586760
```
#586760 rgb(88,103,96)
```
#506f61
```
#506f61 rgb(80,111,97)
```
#497662
```
#497662 rgb(73,118,98)
```
#427d63
```
#427d63 rgb(66,125,99)
```
#3a8563
```
#3a8563 rgb(58,133,99)
```
#338c64
```
#338c64 rgb(51,140,100)
```
#2c9365
```
#2c9365 rgb(44,147,101)
```
#249b65
```
#249b65 rgb(36,155,101)
```
#1da266
```
#1da266 rgb(29,162,102)
```
#16a967
```
#16a967 rgb(22,169,103)
```
#0eb168
```
#0eb168 rgb(14,177,104)
```
#07b868
```
#07b868 rgb(7,184,104)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#61736b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8365 Protanopia 1% of men
#957e72 Deuteranopia 1% of men
#4f8c96 Tritanopia 0.001% of the population

Trichromacy

#6b8665 Protanomaly 1% of men, 0.01% of women
#71836d Deuteranomaly 6% of men, 0.4% of women
#448c84 Tritanomaly 0.01% of the population

#338c64 hex color

#338c64 Color Information

#338c64 Color Conversion

Color Schemes with #338c64

Alternatives to #338c64

#338c64 Preview

Shades and Tints of #338c64

Tones of #338c64

Color Blindness Simulator