#34a2be hex color

In a RGB color space, hex #34a2be is composed of 20.4% red, 63.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 14.7% magenta, 0% yellow and 25.5% black. It has a hue angle of 192.2 degrees, a saturation of 57% and a lightness of 47.5%. #34a2be color hex could be obtained by blending #68ffff with #00457d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 64
- B 75
RGB color chart
- C 73
- M 15
- Y 0
- K 25
CMYK color chart

● #34a2be color description : Moderate cyan.

The hexadecimal color #34a2be has RGB values of R:52, G:162, B:190 and CMYK values of C:0.73, M:0.15, Y:0, K:0.25. Its decimal value is 3449534.

Hex triplet	34a2be	`#34a2be`
RGB Decimal	52, 162, 190	`rgb(52,162,190)`
RGB Percent	20.4, 63.5, 74.5	`rgb(20.4%,63.5%,74.5%)`
CMYK	73, 15, 0, 25
HSL	192.2°, 57, 47.5	`hsl(192.2,57%,47.5%)`
HSV (or HSB)	192.2°, 72.6, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.901, -21.389, -23.324
XYZ	23.628, 30.286, 53.313
xyY	0.22, 0.282, 30.286
CIE-LCH	61.901, 31.647, 227.479
CIE-LUV	61.901, -39.969, -32.999
Hunter-Lab	55.033, -19.67, -18.914
Binary	00110100, 10100010, 10111110

#34a2be
```
#34a2be rgb(52,162,190)
```
#be5034
```
#be5034 rgb(190,80,52)
```

Complementary Color

#34be95
```
#34be95 rgb(52,190,149)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#345dbe
```
#345dbe rgb(52,93,190)
```

Analogous Color

#be9534
```
#be9534 rgb(190,149,52)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#be345d
```
#be345d rgb(190,52,93)
```

Split Complementary Color

#a2be34
```
#a2be34 rgb(162,190,52)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#be34a2
```
#be34a2 rgb(190,52,162)
```

Triadic Color

#34be50
```
#34be50 rgb(52,190,80)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#be34a2
```
#be34a2 rgb(190,52,162)
```
#be5034
```
#be5034 rgb(190,80,52)
```

Tetradic Color

#246f82
```
#246f82 rgb(36,111,130)
```
#298096
```
#298096 rgb(41,128,150)
```
#2f91aa
```
#2f91aa rgb(47,145,170)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#41afcb
```
#41afcb rgb(65,175,203)
```
#55b7d0
```
#55b7d0 rgb(85,183,208)
```
#69c0d6
```
#69c0d6 rgb(105,192,214)
```

Monochromatic Color

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

#34beb8
```
#34beb8 rgb(52,190,184)
```
#34b9be
```
#34b9be rgb(52,185,190)
```
#34aebe
```
#34aebe rgb(52,174,190)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#3497be
```
#3497be rgb(52,151,190)
```
#348bbe
```
#348bbe rgb(52,139,190)
```
#3480be
```
#3480be rgb(52,128,190)
```

Similar Colors

Text with hexadecimal color #34a2be

This text has a font color of #34a2be.

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

#34a2be background color

This paragraph has a background color of #34a2be.

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

#34a2be border color

This element has a border color of #34a2be.

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

CSS codes

.text {color:#34a2be;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#061215
```
#061215 rgb(6,18,21)
```
#0a1f24
```
#0a1f24 rgb(10,31,36)
```
#0e2c33
```
#0e2c33 rgb(14,44,51)
```
#123943
```
#123943 rgb(18,57,67)
```
#164652
```
#164652 rgb(22,70,82)
```
#1b5362
```
#1b5362 rgb(27,83,98)
```
#1f6071
```
#1f6071 rgb(31,96,113)
```
#236d80
```
#236d80 rgb(35,109,128)
```
#277b90
```
#277b90 rgb(39,123,144)
```
#2c889f
```
#2c889f rgb(44,136,159)
```
#3095af
```
#3095af rgb(48,149,175)
```
#34a2be
```
#34a2be rgb(52,162,190)
```

Shade Color Variation

#3cadca
```
#3cadca rgb(60,173,202)
```
#4bb3ce
```
#4bb3ce rgb(75,179,206)
```
#5bbad2
```
#5bbad2 rgb(91,186,210)
```
#6ac0d6
```
#6ac0d6 rgb(106,192,214)
```
#7ac7da
```
#7ac7da rgb(122,199,218)
```
#89cddf
```
#89cddf rgb(137,205,223)
```
#98d4e3
```
#98d4e3 rgb(152,212,227)
```
#a8dae7
```
#a8dae7 rgb(168,218,231)
```
#b7e1eb
```
#b7e1eb rgb(183,225,235)
```
#c7e7f0
```
#c7e7f0 rgb(199,231,240)
```
#d6eef4
```
#d6eef4 rgb(214,238,244)
```
#e5f4f8
```
#e5f4f8 rgb(229,244,248)
```
#f5fbfc
```
#f5fbfc rgb(245,251,252)
```

Tint Color Variation

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

#757b7d
```
#757b7d rgb(117,123,125)
```
#6c8186
```
#6c8186 rgb(108,129,134)
```
#63868f
```
#63868f rgb(99,134,143)
```
#598c99
```
#598c99 rgb(89,140,153)
```
#5091a2
```
#5091a2 rgb(80,145,162)
```
#4797ab
```
#4797ab rgb(71,151,171)
```
#3d9cb5
```
#3d9cb5 rgb(61,156,181)
```
#34a2be
```
#34a2be rgb(52,162,190)
```
#2ba8c7
```
#2ba8c7 rgb(43,168,199)
```
#21add1
```
#21add1 rgb(33,173,209)
```
#18b3da
```
#18b3da rgb(24,179,218)
```
#0fb8e3
```
#0fb8e3 rgb(15,184,227)
```
#05beed
```
#05beed rgb(5,190,237)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#748a90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9399b9 Protanopia 1% of men
#9098c6 Deuteranopia 1% of men
#33a8b5 Tritanopia 0.001% of the population

Trichromacy

#709cba Protanomaly 1% of men, 0.01% of women
#6e9cc3 Deuteranomaly 6% of men, 0.4% of women
#33a6b8 Tritanomaly 0.01% of the population

#34a2be hex color

#34a2be Color Information

#34a2be Color Conversion

Color Schemes with #34a2be

Alternatives to #34a2be

#34a2be Preview

Shades and Tints of #34a2be

Tones of #34a2be

Color Blindness Simulator