#34e2fd hex color

In a RGB color space, hex #34e2fd is composed of 20.4% red, 88.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 10.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 188.1 degrees, a saturation of 98% and a lightness of 59.8%. #34e2fd color hex could be obtained by blending #68ffff with #00c5fb. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 20
- G 89
- B 99
RGB color chart
- C 79
- M 11
- Y 0
- K 1
CMYK color chart

● #34e2fd color description : Bright cyan.

The hexadecimal color #34e2fd has RGB values of R:52, G:226, B:253 and CMYK values of C:0.79, M:0.11, Y:0, K:0.01. Its decimal value is 3465981.

Hex triplet	34e2fd	`#34e2fd`
RGB Decimal	52, 226, 253	`rgb(52,226,253)`
RGB Percent	20.4, 88.6, 99.2	`rgb(20.4%,88.6%,99.2%)`
CMYK	79, 11, 0, 1
HSL	188.1°, 98, 59.8	`hsl(188.1,98%,59.8%)`
HSV (or HSB)	188.1°, 79.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	83.025, -33.312, -25.273
XYZ	46.337, 62.21, 102.489
xyY	0.22, 0.295, 62.21
CIE-LCH	83.025, 41.814, 217.186
CIE-LUV	83.025, -58.088, -35.926
Hunter-Lab	78.873, -33.162, -21.83
Binary	00110100, 11100010, 11111101

#34e2fd
```
#34e2fd rgb(52,226,253)
```
#fd4f34
```
#fd4f34 rgb(253,79,52)
```

Complementary Color

#34fdb4
```
#34fdb4 rgb(52,253,180)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#347efd
```
#347efd rgb(52,126,253)
```

Analogous Color

#fdb434
```
#fdb434 rgb(253,180,52)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#fd347e
```
#fd347e rgb(253,52,126)
```

Split Complementary Color

#e2fd34
```
#e2fd34 rgb(226,253,52)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#fd34e2
```
#fd34e2 rgb(253,52,226)
```

Triadic Color

#34fd4f
```
#34fd4f rgb(52,253,79)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#fd34e2
```
#fd34e2 rgb(253,52,226)
```
#fd4f34
```
#fd4f34 rgb(253,79,52)
```

Tetradic Color

#02c4e2
```
#02c4e2 rgb(2,196,226)
```
#02dafc
```
#02dafc rgb(2,218,252)
```
#1bdefd
```
#1bdefd rgb(27,222,253)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#4de6fd
```
#4de6fd rgb(77,230,253)
```
#67e9fd
```
#67e9fd rgb(103,233,253)
```
#80edfe
```
#80edfe rgb(128,237,254)
```

Monochromatic Color

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

#34fde6
```
#34fde6 rgb(52,253,230)
```
#34fdf7
```
#34fdf7 rgb(52,253,247)
```
#34f3fd
```
#34f3fd rgb(52,243,253)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#34d1fd
```
#34d1fd rgb(52,209,253)
```
#34c1fd
```
#34c1fd rgb(52,193,253)
```
#34b0fd
```
#34b0fd rgb(52,176,253)
```

Similar Colors

Text with hexadecimal color #34e2fd

This text has a font color of #34e2fd.

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

#34e2fd background color

This paragraph has a background color of #34e2fd.

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

#34e2fd border color

This element has a border color of #34e2fd.

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

CSS codes

.text {color:#34e2fd;}

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

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

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, #00090b is the darkest color, while #f6feff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#001a1e
```
#001a1e rgb(0,26,30)
```
#002b32
```
#002b32 rgb(0,43,50)
```
#013c45
```
#013c45 rgb(1,60,69)
```
#014d58
```
#014d58 rgb(1,77,88)
```
#015d6c
```
#015d6c rgb(1,93,108)
```
#016e7f
```
#016e7f rgb(1,110,127)
```
#017f93
```
#017f93 rgb(1,127,147)
```
#0290a6
```
#0290a6 rgb(2,144,166)
```
#02a1b9
```
#02a1b9 rgb(2,161,185)
```
#02b2cd
```
#02b2cd rgb(2,178,205)
```
#02c2e0
```
#02c2e0 rgb(2,194,224)
```
#02d3f4
```
#02d3f4 rgb(2,211,244)
```

Shade Color Variation

#0ddcfd
```
#0ddcfd rgb(13,220,253)
```
#21dffd
```
#21dffd rgb(33,223,253)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```
#47e5fd
```
#47e5fd rgb(71,229,253)
```
#5be8fd
```
#5be8fd rgb(91,232,253)
```
#6eeafe
```
#6eeafe rgb(110,234,254)
```
#82edfe
```
#82edfe rgb(130,237,254)
```
#95f0fe
```
#95f0fe rgb(149,240,254)
```
#a9f3fe
```
#a9f3fe rgb(169,243,254)
```
#bcf5fe
```
#bcf5fe rgb(188,245,254)
```
#cff8ff
```
#cff8ff rgb(207,248,255)
```
#e3fbff
```
#e3fbff rgb(227,251,255)
```
#f6feff
```
#f6feff rgb(246,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939d9e is the less saturated color, while #34e2fd is the most saturated one.

#939d9e
```
#939d9e rgb(147,157,158)
```
#8ba3a6
```
#8ba3a6 rgb(139,163,166)
```
#83a8ae
```
#83a8ae rgb(131,168,174)
```
#7baeb6
```
#7baeb6 rgb(123,174,182)
```
#73b4be
```
#73b4be rgb(115,180,190)
```
#6bbac6
```
#6bbac6 rgb(107,186,198)
```
#63bfce
```
#63bfce rgb(99,191,206)
```
#5bc5d6
```
#5bc5d6 rgb(91,197,214)
```
#54cbdd
```
#54cbdd rgb(84,203,221)
```
#4cd1e5
```
#4cd1e5 rgb(76,209,229)
```
#44d6ed
```
#44d6ed rgb(68,214,237)
```
#3cdcf5
```
#3cdcf5 rgb(60,220,245)
```
#34e2fd
```
#34e2fd rgb(52,226,253)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#98bbc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacff0 Protanopia 1% of men
#c8ceff Deuteranopia 1% of men
#34e4f5 Tritanopia 0.001% of the population

Trichromacy

#93d6f5 Protanomaly 1% of men, 0.01% of women
#92d5fe Deuteranomaly 6% of men, 0.4% of women
#34e3f8 Tritanomaly 0.01% of the population

#34e2fd hex color

#34e2fd Color Information

#34e2fd Color Conversion

Color Schemes with #34e2fd

Alternatives to #34e2fd

#34e2fd Preview

Shades and Tints of #34e2fd

Tones of #34e2fd

Color Blindness Simulator