colorhexa.com

#34a69f hex color

In a RGB color space, hex #34a69f is composed of 20.4% red, 65.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 68.7% cyan, 0% magenta, 4.2% yellow and 34.9% black. It has a hue angle of 176.3 degrees, a saturation of 52.3% and a lightness of 42.7%. #34a69f color hex could be obtained by blending #68ffff with #004d3f. Closest websafe color is: #339999.

- R 20
- G 65
- B 62
RGB color chart
- C 69
- M 0
- Y 4
- K 35
CMYK color chart

● #34a69f color description : Dark moderate cyan.

The hexadecimal color #34a69f has RGB values of R:52, G:166, B:159 and CMYK values of C:0.69, M:0, Y:0.04, K:0.35. Its decimal value is 3450527.

Hex triplet	34a69f	`#34a69f`
RGB Decimal	52, 166, 159	`rgb(52,166,159)`
RGB Percent	20.4, 65.1, 62.4	`rgb(20.4%,65.1%,62.4%)`
CMYK	69, 0, 4, 35
HSL	176.3°, 52.3, 42.7	`hsl(176.3,52.3%,42.7%)`
HSV (or HSB)	176.3°, 68.7, 65.1
Web Safe	339999	`#339999`

CIE-LAB	62.086, -32.836, -5.639
XYZ	21.308, 30.504, 37.564
xyY	0.238, 0.341, 30.504
CIE-LCH	62.086, 33.316, 189.744
CIE-LUV	62.086, -43.388, -3.429
Hunter-Lab	55.23, -27.786, -1.664
Binary	00110100, 10100110, 10011111

#34a69f
```
#34a69f rgb(52,166,159)
```
#a6343b
```
#a6343b rgb(166,52,59)
```

Complementary Color

#34a666
```
#34a666 rgb(52,166,102)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#3474a6
```
#3474a6 rgb(52,116,166)
```

Analogous Color

#a66634
```
#a66634 rgb(166,102,52)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#a63474
```
#a63474 rgb(166,52,116)
```

Split Complementary Color

#a69f34
```
#a69f34 rgb(166,159,52)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#9f34a6
```
#9f34a6 rgb(159,52,166)
```

Triadic Color

#3ba634
```
#3ba634 rgb(59,166,52)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#9f34a6
```
#9f34a6 rgb(159,52,166)
```
#a6343b
```
#a6343b rgb(166,52,59)
```

Tetradic Color

#226c67
```
#226c67 rgb(34,108,103)
```
#287f7a
```
#287f7a rgb(40,127,122)
```
#2e938c
```
#2e938c rgb(46,147,140)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#3ab9b2
```
#3ab9b2 rgb(58,185,178)
```
#47c6be
```
#47c6be rgb(71,198,190)
```
#5bccc5
```
#5bccc5 rgb(91,204,197)
```

Monochromatic Color

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

#34a683
```
#34a683 rgb(52,166,131)
```
#34a68c
```
#34a68c rgb(52,166,140)
```
#34a696
```
#34a696 rgb(52,166,150)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#34a4a6
```
#34a4a6 rgb(52,164,166)
```
#349aa6
```
#349aa6 rgb(52,154,166)
```
#3491a6
```
#3491a6 rgb(52,145,166)
```

Similar Colors

Text with hexadecimal color #34a69f

This text has a font color of #34a69f.

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

#34a69f background color

This paragraph has a background color of #34a69f.

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

#34a69f border color

This element has a border color of #34a69f.

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

CSS codes

.text {color:#34a69f;}

.background {background-color:#34a69f;}

.border {border:1px solid #34a69f;}

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

#010202
```
#010202 rgb(1,2,2)
```
#051110
```
#051110 rgb(5,17,16)
```
#0a201e
```
#0a201e rgb(10,32,30)
```
#0f2f2d
```
#0f2f2d rgb(15,47,45)
```
#133d3b
```
#133d3b rgb(19,61,59)
```
#184c49
```
#184c49 rgb(24,76,73)
```
#1d5b57
```
#1d5b57 rgb(29,91,87)
```
#216a66
```
#216a66 rgb(33,106,102)
```
#267974
```
#267974 rgb(38,121,116)
```
#2b8882
```
#2b8882 rgb(43,136,130)
```
#2f9791
```
#2f9791 rgb(47,151,145)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#39b5ad
```
#39b5ad rgb(57,181,173)
```

Shade Color Variation

#3fc3bb
```
#3fc3bb rgb(63,195,187)
```
#4dc7c0
```
#4dc7c0 rgb(77,199,192)
```
#5cccc5
```
#5cccc5 rgb(92,204,197)
```
#6bd1cb
```
#6bd1cb rgb(107,209,203)
```
#7ad5d0
```
#7ad5d0 rgb(122,213,208)
```
#89dad5
```
#89dad5 rgb(137,218,213)
```
#98dfda
```
#98dfda rgb(152,223,218)
```
#a7e3e0
```
#a7e3e0 rgb(167,227,224)
```
#b6e8e5
```
#b6e8e5 rgb(182,232,229)
```
#c5edea
```
#c5edea rgb(197,237,234)
```
#d4f1f0
```
#d4f1f0 rgb(212,241,240)
```
#e3f6f5
```
#e3f6f5 rgb(227,246,245)
```
#f2fbfa
```
#f2fbfa rgb(242,251,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #667473 is the less saturated color, while #02d8cb is the most saturated one.

#667473
```
#667473 rgb(102,116,115)
```
#5e7c7a
```
#5e7c7a rgb(94,124,122)
```
#568482
```
#568482 rgb(86,132,130)
```
#4d8d89
```
#4d8d89 rgb(77,141,137)
```
#459590
```
#459590 rgb(69,149,144)
```
#3c9e98
```
#3c9e98 rgb(60,158,152)
```
#34a69f
```
#34a69f rgb(52,166,159)
```
#2caea6
```
#2caea6 rgb(44,174,166)
```
#23b7ae
```
#23b7ae rgb(35,183,174)
```
#1bbfb5
```
#1bbfb5 rgb(27,191,181)
```
#12c8bc
```
#12c8bc rgb(18,200,188)
```
#0ad0c4
```
#0ad0c4 rgb(10,208,196)
```
#02d8cb
```
#02d8cb rgb(2,216,203)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#738a89 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9a9b Protanopia 1% of men
#a297aa Deuteranopia 1% of men
#49a8b4 Tritanopia 0.001% of the population

Trichromacy

#779e9c Protanomaly 1% of men, 0.01% of women
#7a9ca6 Deuteranomaly 6% of men, 0.4% of women
#41a7ac Tritanomaly 0.01% of the population