#34a9bd hex color

In a RGB color space, hex #34a9bd is composed of 20.4% red, 66.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 72.5% cyan, 10.6% magenta, 0% yellow and 25.9% black. It has a hue angle of 188.8 degrees, a saturation of 56.8% and a lightness of 47.3%. #34a9bd color hex could be obtained by blending #68ffff with #00537b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 66
- B 74
RGB color chart
- C 72
- M 11
- Y 0
- K 26
CMYK color chart

● #34a9bd color description : Moderate cyan.

The hexadecimal color #34a9bd has RGB values of R:52, G:169, B:189 and CMYK values of C:0.72, M:0.11, Y:0, K:0.26. Its decimal value is 3451325.

Hex triplet	34a9bd	`#34a9bd`
RGB Decimal	52, 169, 189	`rgb(52,169,189)`
RGB Percent	20.4, 66.3, 74.1	`rgb(20.4%,66.3%,74.1%)`
CMYK	72, 11, 0, 26
HSL	188.8°, 56.8, 47.3	`hsl(188.8,56.8%,47.3%)`
HSV (or HSB)	188.8°, 72.5, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.981, -25.298, -19.589
XYZ	24.787, 32.778, 53.162
xyY	0.224, 0.296, 32.778
CIE-LCH	63.981, 31.995, 217.751
CIE-LUV	63.981, -42.552, -26.538
Hunter-Lab	57.252, -22.911, -14.978
Binary	00110100, 10101001, 10111101

#34a9bd
```
#34a9bd rgb(52,169,189)
```
#bd4834
```
#bd4834 rgb(189,72,52)
```

Complementary Color

#34bd8d
```
#34bd8d rgb(52,189,141)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#3465bd
```
#3465bd rgb(52,101,189)
```

Analogous Color

#bd8d34
```
#bd8d34 rgb(189,141,52)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#bd3465
```
#bd3465 rgb(189,52,101)
```

Split Complementary Color

#a9bd34
```
#a9bd34 rgb(169,189,52)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#bd34a9
```
#bd34a9 rgb(189,52,169)
```

Triadic Color

#34bd48
```
#34bd48 rgb(52,189,72)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#bd34a9
```
#bd34a9 rgb(189,52,169)
```
#bd4834
```
#bd4834 rgb(189,72,52)
```

Tetradic Color

#237381
```
#237381 rgb(35,115,129)
```
#298595
```
#298595 rgb(41,133,149)
```
#2e97a9
```
#2e97a9 rgb(46,151,169)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#40b6ca
```
#40b6ca rgb(64,182,202)
```
#54bed0
```
#54bed0 rgb(84,190,208)
```
#68c5d5
```
#68c5d5 rgb(104,197,213)
```

Monochromatic Color

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

#34bdaf
```
#34bdaf rgb(52,189,175)
```
#34bdba
```
#34bdba rgb(52,189,186)
```
#34b4bd
```
#34b4bd rgb(52,180,189)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#349ebd
```
#349ebd rgb(52,158,189)
```
#3492bd
```
#3492bd rgb(52,146,189)
```
#3487bd
```
#3487bd rgb(52,135,189)
```

Similar Colors

Text with hexadecimal color #34a9bd

This text has a font color of #34a9bd.

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

#34a9bd background color

This paragraph has a background color of #34a9bd.

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

#34a9bd border color

This element has a border color of #34a9bd.

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

CSS codes

.text {color:#34a9bd;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051214
```
#051214 rgb(5,18,20)
```
#0a1f23
```
#0a1f23 rgb(10,31,35)
```
#0e2d33
```
#0e2d33 rgb(14,45,51)
```
#123b42
```
#123b42 rgb(18,59,66)
```
#164951
```
#164951 rgb(22,73,81)
```
#1b5661
```
#1b5661 rgb(27,86,97)
```
#1f6470
```
#1f6470 rgb(31,100,112)
```
#23727f
```
#23727f rgb(35,114,127)
```
#27808f
```
#27808f rgb(39,128,143)
```
#2c8d9e
```
#2c8d9e rgb(44,141,158)
```
#309bae
```
#309bae rgb(48,155,174)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```

Shade Color Variation

#3bb4c9
```
#3bb4c9 rgb(59,180,201)
```
#4bbacd
```
#4bbacd rgb(75,186,205)
```
#5ac0d2
```
#5ac0d2 rgb(90,192,210)
```
#6ac6d6
```
#6ac6d6 rgb(106,198,214)
```
#79ccda
```
#79ccda rgb(121,204,218)
```
#88d2de
```
#88d2de rgb(136,210,222)
```
#98d8e3
```
#98d8e3 rgb(152,216,227)
```
#a7dee7
```
#a7dee7 rgb(167,222,231)
```
#b6e3eb
```
#b6e3eb rgb(182,227,235)
```
#c6e9ef
```
#c6e9ef rgb(198,233,239)
```
#d5eff4
```
#d5eff4 rgb(213,239,244)
```
#e5f5f8
```
#e5f5f8 rgb(229,245,248)
```
#f4fbfc
```
#f4fbfc rgb(244,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b7c is the less saturated color, while #06caeb is the most saturated one.

#757b7c
```
#757b7c rgb(117,123,124)
```
#6c8285
```
#6c8285 rgb(108,130,133)
```
#62888f
```
#62888f rgb(98,136,143)
```
#598f98
```
#598f98 rgb(89,143,152)
```
#5095a1
```
#5095a1 rgb(80,149,161)
```
#479caa
```
#479caa rgb(71,156,170)
```
#3da2b4
```
#3da2b4 rgb(61,162,180)
```
#34a9bd
```
#34a9bd rgb(52,169,189)
```
#2bb0c6
```
#2bb0c6 rgb(43,176,198)
```
#21b6d0
```
#21b6d0 rgb(33,182,208)
```
#18bdd9
```
#18bdd9 rgb(24,189,217)
```
#0fc3e2
```
#0fc3e2 rgb(15,195,226)
```
#06caeb
```
#06caeb rgb(6,202,235)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#778f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9eb7 Protanopia 1% of men
#999dc6 Deuteranopia 1% of men
#39aebb Tritanopia 0.001% of the population

Trichromacy

#75a2b9 Protanomaly 1% of men, 0.01% of women
#74a1c3 Deuteranomaly 6% of men, 0.4% of women
#37acbb Tritanomaly 0.01% of the population

#34a9bd hex color

#34a9bd Color Information

#34a9bd Color Conversion

Color Schemes with #34a9bd

Alternatives to #34a9bd

#34a9bd Preview

Shades and Tints of #34a9bd

Tones of #34a9bd

Color Blindness Simulator