#34a5b3 hex color

In a RGB color space, hex #34a5b3 is composed of 20.4% red, 64.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 70.9% cyan, 7.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 186.6 degrees, a saturation of 55% and a lightness of 45.3%. #34a5b3 color hex could be obtained by blending #68ffff with #004b67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 65
- B 70
RGB color chart
- C 71
- M 8
- Y 0
- K 30
CMYK color chart

● #34a5b3 color description : Moderate cyan.

The hexadecimal color #34a5b3 has RGB values of R:52, G:165, B:179 and CMYK values of C:0.71, M:0.08, Y:0, K:0.3. Its decimal value is 3450291.

Hex triplet	34a5b3	`#34a5b3`
RGB Decimal	52, 165, 179	`rgb(52,165,179)`
RGB Percent	20.4, 64.7, 70.2	`rgb(20.4%,64.7%,70.2%)`
CMYK	71, 8, 0, 30
HSL	186.6°, 55, 45.3	`hsl(186.6,55%,45.3%)`
HSV (or HSB)	186.6°, 70.9, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.417, -26.402, -16.371
XYZ	23.006, 30.893, 47.396
xyY	0.227, 0.305, 30.893
CIE-LCH	62.417, 31.066, 211.803
CIE-LUV	62.417, -41.743, -21.11
Hunter-Lab	55.581, -23.385, -11.651
Binary	00110100, 10100101, 10110011

#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#b34234
```
#b34234 rgb(179,66,52)
```

Complementary Color

#34b382
```
#34b382 rgb(52,179,130)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#3466b3
```
#3466b3 rgb(52,102,179)
```

Analogous Color

#b38234
```
#b38234 rgb(179,130,52)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#b33466
```
#b33466 rgb(179,52,102)
```

Split Complementary Color

#a5b334
```
#a5b334 rgb(165,179,52)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#b334a5
```
#b334a5 rgb(179,52,165)
```

Triadic Color

#34b342
```
#34b342 rgb(52,179,66)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#b334a5
```
#b334a5 rgb(179,52,165)
```
#b34234
```
#b34234 rgb(179,66,52)
```

Tetradic Color

#236e78
```
#236e78 rgb(35,110,120)
```
#29818b
```
#29818b rgb(41,129,139)
```
#2e939f
```
#2e939f rgb(46,147,159)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#3bb7c6
```
#3bb7c6 rgb(59,183,198)
```
#4ebecc
```
#4ebecc rgb(78,190,204)
```
#62c5d1
```
#62c5d1 rgb(98,197,209)
```

Monochromatic Color

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

#34b3a1
```
#34b3a1 rgb(52,179,161)
```
#34b3ac
```
#34b3ac rgb(52,179,172)
```
#34b0b3
```
#34b0b3 rgb(52,176,179)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#349ab3
```
#349ab3 rgb(52,154,179)
```
#3490b3
```
#3490b3 rgb(52,144,179)
```
#3485b3
```
#3485b3 rgb(52,133,179)
```

Similar Colors

Text with hexadecimal color #34a5b3

This text has a font color of #34a5b3.

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

#34a5b3 background color

This paragraph has a background color of #34a5b3.

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

#34a5b3 border color

This element has a border color of #34a5b3.

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

CSS codes

.text {color:#34a5b3;}

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

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

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, #030b0c is the darkest color, while #fcfefe is the lightest one.

#030b0c
```
#030b0c rgb(3,11,12)
```
#08191b
```
#08191b rgb(8,25,27)
```
#0c272a
```
#0c272a rgb(12,39,42)
```
#113539
```
#113539 rgb(17,53,57)
```
#154349
```
#154349 rgb(21,67,73)
```
#1a5158
```
#1a5158 rgb(26,81,88)
```
#1e5f67
```
#1e5f67 rgb(30,95,103)
```
#226d76
```
#226d76 rgb(34,109,118)
```
#277b85
```
#277b85 rgb(39,123,133)
```
#2b8995
```
#2b8995 rgb(43,137,149)
```
#3097a4
```
#3097a4 rgb(48,151,164)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#38b3c2
```
#38b3c2 rgb(56,179,194)
```

Shade Color Variation

#45bac9
```
#45bac9 rgb(69,186,201)
```
#54c0cd
```
#54c0cd rgb(84,192,205)
```
#64c6d2
```
#64c6d2 rgb(100,198,210)
```
#73cbd6
```
#73cbd6 rgb(115,203,214)
```
#82d1db
```
#82d1db rgb(130,209,219)
```
#91d7df
```
#91d7df rgb(145,215,223)
```
#a0dce4
```
#a0dce4 rgb(160,220,228)
```
#b0e2e8
```
#b0e2e8 rgb(176,226,232)
```
#bfe7ec
```
#bfe7ec rgb(191,231,236)
```
#ceedf1
```
#ceedf1 rgb(206,237,241)
```
#ddf3f5
```
#ddf3f5 rgb(221,243,245)
```
#ecf8fa
```
#ecf8fa rgb(236,248,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#727575
```
#727575 rgb(114,117,117)
```
#697b7e
```
#697b7e rgb(105,123,126)
```
#608287
```
#608287 rgb(96,130,135)
```
#58898f
```
#58898f rgb(88,137,143)
```
#4f9098
```
#4f9098 rgb(79,144,152)
```
#4697a1
```
#4697a1 rgb(70,151,161)
```
#3d9eaa
```
#3d9eaa rgb(61,158,170)
```
#34a5b3
```
#34a5b3 rgb(52,165,179)
```
#2bacbc
```
#2bacbc rgb(43,172,188)
```
#22b3c5
```
#22b3c5 rgb(34,179,197)
```
#19bace
```
#19bace rgb(25,186,206)
```
#10c1d7
```
#10c1d7 rgb(16,193,215)
```
#08c8df
```
#08c8df rgb(8,200,223)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#758b8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#999bae Protanopia 1% of men
#9999bd Deuteranopia 1% of men
#3ea9b6 Tritanopia 0.001% of the population

Trichromacy

#749eb0 Protanomaly 1% of men, 0.01% of women
#749db9 Deuteranomaly 6% of men, 0.4% of women
#3aa8b5 Tritanomaly 0.01% of the population

#34a5b3 hex color

#34a5b3 Color Information

#34a5b3 Color Conversion

Color Schemes with #34a5b3

Alternatives to #34a5b3

#34a5b3 Preview

Shades and Tints of #34a5b3

Tones of #34a5b3

Color Blindness Simulator