#34afe7 hex color

In a RGB color space, hex #34afe7 is composed of 20.4% red, 68.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 24.2% magenta, 0% yellow and 9.4% black. It has a hue angle of 198.8 degrees, a saturation of 78.9% and a lightness of 55.5%. #34afe7 color hex could be obtained by blending #68ffff with #005fcf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 69
- B 91
RGB color chart
- C 77
- M 24
- Y 0
- K 9
CMYK color chart

● #34afe7 color description : Bright blue.

The hexadecimal color #34afe7 has RGB values of R:52, G:175, B:231 and CMYK values of C:0.77, M:0.24, Y:0, K:0.09. Its decimal value is 3452903.

Hex triplet	34afe7	`#34afe7`
RGB Decimal	52, 175, 231	`rgb(52,175,231)`
RGB Percent	20.4, 68.6, 90.6	`rgb(20.4%,68.6%,90.6%)`
CMYK	77, 24, 0, 9
HSL	198.8°, 78.9, 55.5	`hsl(198.8,78.9%,55.5%)`
HSV (or HSB)	198.8°, 77.5, 90.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	67.394, -14.671, -37.53
XYZ	31.166, 37.157, 81.126
xyY	0.209, 0.249, 37.157
CIE-LCH	67.394, 40.296, 248.649
CIE-LUV	67.394, -42.04, -58.131
Hunter-Lab	60.956, -15.409, -36.239
Binary	00110100, 10101111, 11100111

#34afe7
```
#34afe7 rgb(52,175,231)
```
#e76c34
```
#e76c34 rgb(231,108,52)
```

Complementary Color

#34e7c6
```
#34e7c6 rgb(52,231,198)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#3456e7
```
#3456e7 rgb(52,86,231)
```

Analogous Color

#e7c634
```
#e7c634 rgb(231,198,52)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#e73456
```
#e73456 rgb(231,52,86)
```

Split Complementary Color

#afe734
```
#afe734 rgb(175,231,52)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#e734af
```
#e734af rgb(231,52,175)
```

Triadic Color

#34e76c
```
#34e76c rgb(52,231,108)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#e734af
```
#e734af rgb(231,52,175)
```
#e76c34
```
#e76c34 rgb(231,108,52)
```

Tetradic Color

#1686b9
```
#1686b9 rgb(22,134,185)
```
#1996cf
```
#1996cf rgb(25,150,207)
```
#1da6e4
```
#1da6e4 rgb(29,166,228)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#4bb8ea
```
#4bb8ea rgb(75,184,234)
```
#62c1ec
```
#62c1ec rgb(98,193,236)
```
#78caef
```
#78caef rgb(120,202,239)
```

Monochromatic Color

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

#34dce7
```
#34dce7 rgb(52,220,231)
```
#34cde7
```
#34cde7 rgb(52,205,231)
```
#34bee7
```
#34bee7 rgb(52,190,231)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#34a0e7
```
#34a0e7 rgb(52,160,231)
```
#3491e7
```
#3491e7 rgb(52,145,231)
```
#3482e7
```
#3482e7 rgb(52,130,231)
```

Similar Colors

Text with hexadecimal color #34afe7

This text has a font color of #34afe7.

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

#34afe7 background color

This paragraph has a background color of #34afe7.

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

#34afe7 border color

This element has a border color of #34afe7.

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

CSS codes

.text {color:#34afe7;}

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

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

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

#010507
```
#010507 rgb(1,5,7)
```
#031219
```
#031219 rgb(3,18,25)
```
#051f2b
```
#051f2b rgb(5,31,43)
```
#072c3c
```
#072c3c rgb(7,44,60)
```
#09384e
```
#09384e rgb(9,56,78)
```
#0b455f
```
#0b455f rgb(11,69,95)
```
#0d5271
```
#0d5271 rgb(13,82,113)
```
#0f5e82
```
#0f5e82 rgb(15,94,130)
```
#116b94
```
#116b94 rgb(17,107,148)
```
#1478a5
```
#1478a5 rgb(20,120,165)
```
#1684b7
```
#1684b7 rgb(22,132,183)
```
#1891c8
```
#1891c8 rgb(24,145,200)
```
#1a9eda
```
#1a9eda rgb(26,158,218)
```

Shade Color Variation

#22a8e5
```
#22a8e5 rgb(34,168,229)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#46b6e9
```
#46b6e9 rgb(70,182,233)
```
#57bdeb
```
#57bdeb rgb(87,189,235)
```
#69c4ed
```
#69c4ed rgb(105,196,237)
```
#7acbef
```
#7acbef rgb(122,203,239)
```
#8cd2f1
```
#8cd2f1 rgb(140,210,241)
```
#9dd8f3
```
#9dd8f3 rgb(157,216,243)
```
#afdff6
```
#afdff6 rgb(175,223,246)
```
#c0e6f8
```
#c0e6f8 rgb(192,230,248)
```
#d2edfa
```
#d2edfa rgb(210,237,250)
```
#e3f4fc
```
#e3f4fc rgb(227,244,252)
```
#f5fbfe
```
#f5fbfe rgb(245,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8e90 is the less saturated color, while #23b6f8 is the most saturated one.

#8b8e90
```
#8b8e90 rgb(139,142,144)
```
#839298
```
#839298 rgb(131,146,152)
```
#7a95a1
```
#7a95a1 rgb(122,149,161)
```
#7198aa
```
#7198aa rgb(113,152,170)
```
#689bb3
```
#689bb3 rgb(104,155,179)
```
#609fbb
```
#609fbb rgb(96,159,187)
```
#57a2c4
```
#57a2c4 rgb(87,162,196)
```
#4ea5cd
```
#4ea5cd rgb(78,165,205)
```
#45a8d6
```
#45a8d6 rgb(69,168,214)
```
#3dacde
```
#3dacde rgb(61,172,222)
```
#34afe7
```
#34afe7 rgb(52,175,231)
```
#2bb2f0
```
#2bb2f0 rgb(43,178,240)
```
#23b6f8
```
#23b6f8 rgb(35,182,248)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#7e97a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97a6df Protanopia 1% of men
#8ba7ec Deuteranopia 1% of men
#00b9c6 Tritanopia 0.001% of the population

Trichromacy

#73a9e2 Protanomaly 1% of men, 0.01% of women
#6baaea Deuteranomaly 6% of men, 0.4% of women
#12b5d2 Tritanomaly 0.01% of the population

#34afe7 hex color

#34afe7 Color Information

#34afe7 Color Conversion

Color Schemes with #34afe7

Alternatives to #34afe7

#34afe7 Preview

Shades and Tints of #34afe7

Tones of #34afe7

Color Blindness Simulator