#348266 hex color

In a RGB color space, hex #348266 is composed of 20.4% red, 51% green and 40% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 0% magenta, 21.5% yellow and 49% black. It has a hue angle of 158.5 degrees, a saturation of 42.9% and a lightness of 35.7%. #348266 color hex could be obtained by blending #68ffcc with #000500. Closest websafe color is: #339966.

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

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

The hexadecimal color #348266 has RGB values of R:52, G:130, B:102 and CMYK values of C:0.6, M:0, Y:0.22, K:0.49. Its decimal value is 3441254.

Hex triplet	348266	`#348266`
RGB Decimal	52, 130, 102	`rgb(52,130,102)`
RGB Percent	20.4, 51, 40	`rgb(20.4%,51%,40%)`
CMYK	60, 0, 22, 49
HSL	158.5°, 42.9, 35.7	`hsl(158.5,42.9%,35.7%)`
HSV (or HSB)	158.5°, 60, 51
Web Safe	339966	`#339966`

CIE-LAB	49.073, -31.084, 8.092
XYZ	11.796, 17.654, 15.355
xyY	0.263, 0.394, 17.654
CIE-LCH	49.073, 32.12, 165.408
CIE-LUV	49.073, -32.923, 15.354
Hunter-Lab	42.016, -23.414, 7.743
Binary	00110100, 10000010, 01100110

#348266
```
#348266 rgb(52,130,102)
```
#823450
```
#823450 rgb(130,52,80)
```

Complementary Color

#34823f
```
#34823f rgb(52,130,63)
```
#348266
```
#348266 rgb(52,130,102)
```
#347782
```
#347782 rgb(52,119,130)
```

Analogous Color

#823f34
```
#823f34 rgb(130,63,52)
```
#348266
```
#348266 rgb(52,130,102)
```
#823477
```
#823477 rgb(130,52,119)
```

Split Complementary Color

#826634
```
#826634 rgb(130,102,52)
```
#348266
```
#348266 rgb(52,130,102)
```
#663482
```
#663482 rgb(102,52,130)
```

Triadic Color

#508234
```
#508234 rgb(80,130,52)
```
#348266
```
#348266 rgb(52,130,102)
```
#663482
```
#663482 rgb(102,52,130)
```
#823450
```
#823450 rgb(130,52,80)
```

Tetradic Color

#1e4b3b
```
#1e4b3b rgb(30,75,59)
```
#255e49
```
#255e49 rgb(37,94,73)
```
#2d7058
```
#2d7058 rgb(45,112,88)
```
#348266
```
#348266 rgb(52,130,102)
```
#3b9474
```
#3b9474 rgb(59,148,116)
```
#43a683
```
#43a683 rgb(67,166,131)
```
#4bb790
```
#4bb790 rgb(75,183,144)
```

Monochromatic Color

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

#348253
```
#348253 rgb(52,130,83)
```
#348259
```
#348259 rgb(52,130,89)
```
#348260
```
#348260 rgb(52,130,96)
```
#348266
```
#348266 rgb(52,130,102)
```
#34826d
```
#34826d rgb(52,130,109)
```
#348273
```
#348273 rgb(52,130,115)
```
#34827a
```
#34827a rgb(52,130,122)
```

Similar Colors

Text with hexadecimal color #348266

This text has a font color of #348266.

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

#348266 background color

This paragraph has a background color of #348266.

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

#348266 border color

This element has a border color of #348266.

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

CSS codes

.text {color:#348266;}

.background {background-color:#348266;}

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

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

#020403
```
#020403 rgb(2,4,3)
```
#07120e
```
#07120e rgb(7,18,14)
```
#0d2019
```
#0d2019 rgb(13,32,25)
```
#122e24
```
#122e24 rgb(18,46,36)
```
#183c2f
```
#183c2f rgb(24,60,47)
```
#1e4a3a
```
#1e4a3a rgb(30,74,58)
```
#235845
```
#235845 rgb(35,88,69)
```
#296650
```
#296650 rgb(41,102,80)
```
#2e745b
```
#2e745b rgb(46,116,91)
```
#348266
```
#348266 rgb(52,130,102)
```
#3a9071
```
#3a9071 rgb(58,144,113)
```
#3f9e7c
```
#3f9e7c rgb(63,158,124)
```
#45ac87
```
#45ac87 rgb(69,172,135)
```

Shade Color Variation

#4db891
```
#4db891 rgb(77,184,145)
```
#5bbd9a
```
#5bbd9a rgb(91,189,154)
```
#69c3a3
```
#69c3a3 rgb(105,195,163)
```
#77c9ab
```
#77c9ab rgb(119,201,171)
```
#85ceb4
```
#85ceb4 rgb(133,206,180)
```
#93d4bc
```
#93d4bc rgb(147,212,188)
```
#a1d9c5
```
#a1d9c5 rgb(161,217,197)
```
#afdfce
```
#afdfce rgb(175,223,206)
```
#bde5d6
```
#bde5d6 rgb(189,229,214)
```
#cbeadf
```
#cbeadf rgb(203,234,223)
```
#d9f0e8
```
#d9f0e8 rgb(217,240,232)
```
#e7f5f0
```
#e7f5f0 rgb(231,245,240)
```
#f5fbf9
```
#f5fbf9 rgb(245,251,249)
```

Tint Color Variation

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

#575f5c
```
#575f5c rgb(87,95,92)
```
#50665e
```
#50665e rgb(80,102,94)
```
#496d60
```
#496d60 rgb(73,109,96)
```
#427462
```
#427462 rgb(66,116,98)
```
#3b7b64
```
#3b7b64 rgb(59,123,100)
```
#348266
```
#348266 rgb(52,130,102)
```
#2d8968
```
#2d8968 rgb(45,137,104)
```
#26906a
```
#26906a rgb(38,144,106)
```
#1f976c
```
#1f976c rgb(31,151,108)
```
#189e6e
```
#189e6e rgb(24,158,110)
```
#11a570
```
#11a570 rgb(17,165,112)
```
#0aac72
```
#0aac72 rgb(10,172,114)
```
#03b374
```
#03b374 rgb(3,179,116)
```

Tone Color Variation

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

Dichromacy

#827b67 Protanopia 1% of men
#8a7773 Deuteranopia 1% of men
#4b848d Tritanopia 0.001% of the population

Trichromacy

#657d67 Protanomaly 1% of men, 0.01% of women
#6a7b6e Deuteranomaly 6% of men, 0.4% of women
#42837f Tritanomaly 0.01% of the population

#348266 hex color

#348266 Color Information

#348266 Color Conversion

Color Schemes with #348266

Alternatives to #348266

#348266 Preview

Shades and Tints of #348266

Tones of #348266

Color Blindness Simulator