#34c2fd hex color

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

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

● #34c2fd color description : Bright blue.

The hexadecimal color #34c2fd has RGB values of R:52, G:194, B:253 and CMYK values of C:0.79, M:0.23, Y:0, K:0.01. Its decimal value is 3457789.

Hex triplet	34c2fd	`#34c2fd`
RGB Decimal	52, 194, 253	`rgb(52,194,253)`
RGB Percent	20.4, 76.1, 99.2	`rgb(20.4%,76.1%,99.2%)`
CMYK	79, 23, 0, 1
HSL	197.6°, 98, 59.8	`hsl(197.6,98%,59.8%)`
HSV (or HSB)	197.6°, 79.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.806, -17.357, -39.474
XYZ	38.433, 46.402, 99.854
xyY	0.208, 0.251, 46.402
CIE-LCH	73.806, 43.122, 246.265
CIE-LUV	73.806, -47.174, -61.848
Hunter-Lab	68.119, -18.498, -39.228
Binary	00110100, 11000010, 11111101

#34c2fd
```
#34c2fd rgb(52,194,253)
```
#fd6f34
```
#fd6f34 rgb(253,111,52)
```

Complementary Color

#34fdd4
```
#34fdd4 rgb(52,253,212)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#345dfd
```
#345dfd rgb(52,93,253)
```

Analogous Color

#fdd434
```
#fdd434 rgb(253,212,52)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#fd345e
```
#fd345e rgb(253,52,94)
```

Split Complementary Color

#c2fd34
```
#c2fd34 rgb(194,253,52)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#fd34c2
```
#fd34c2 rgb(253,52,194)
```

Triadic Color

#34fd6f
```
#34fd6f rgb(52,253,111)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#fd34c2
```
#fd34c2 rgb(253,52,194)
```
#fd6f34
```
#fd6f34 rgb(253,111,52)
```

Tetradic Color

#02a1e2
```
#02a1e2 rgb(2,161,226)
```
#02b2fc
```
#02b2fc rgb(2,178,252)
```
#1bbafd
```
#1bbafd rgb(27,186,253)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#4dcafd
```
#4dcafd rgb(77,202,253)
```
#67d1fd
```
#67d1fd rgb(103,209,253)
```
#80d9fe
```
#80d9fe rgb(128,217,254)
```

Monochromatic Color

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

#34f4fd
```
#34f4fd rgb(52,244,253)
```
#34e4fd
```
#34e4fd rgb(52,228,253)
```
#34d3fd
```
#34d3fd rgb(52,211,253)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#34b1fd
```
#34b1fd rgb(52,177,253)
```
#34a1fd
```
#34a1fd rgb(52,161,253)
```
#3490fd
```
#3490fd rgb(52,144,253)
```

Similar Colors

Text with hexadecimal color #34c2fd

This text has a font color of #34c2fd.

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

#34c2fd background color

This paragraph has a background color of #34c2fd.

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

#34c2fd border color

This element has a border color of #34c2fd.

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

CSS codes

.text {color:#34c2fd;}

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

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

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

#00080b
```
#00080b rgb(0,8,11)
```
#00151e
```
#00151e rgb(0,21,30)
```
#002332
```
#002332 rgb(0,35,50)
```
#013145
```
#013145 rgb(1,49,69)
```
#013f58
```
#013f58 rgb(1,63,88)
```
#014c6c
```
#014c6c rgb(1,76,108)
```
#015a7f
```
#015a7f rgb(1,90,127)
```
#016893
```
#016893 rgb(1,104,147)
```
#0276a6
```
#0276a6 rgb(2,118,166)
```
#0284b9
```
#0284b9 rgb(2,132,185)
```
#0291cd
```
#0291cd rgb(2,145,205)
```
#029fe0
```
#029fe0 rgb(2,159,224)
```
#02adf4
```
#02adf4 rgb(2,173,244)
```

Shade Color Variation

#0db6fd
```
#0db6fd rgb(13,182,253)
```
#21bcfd
```
#21bcfd rgb(33,188,253)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#47c8fd
```
#47c8fd rgb(71,200,253)
```
#5bcefd
```
#5bcefd rgb(91,206,253)
```
#6ed4fe
```
#6ed4fe rgb(110,212,254)
```
#82d9fe
```
#82d9fe rgb(130,217,254)
```
#95dffe
```
#95dffe rgb(149,223,254)
```
#a9e5fe
```
#a9e5fe rgb(169,229,254)
```
#bcebfe
```
#bcebfe rgb(188,235,254)
```
#cff1ff
```
#cff1ff rgb(207,241,255)
```
#e3f7ff
```
#e3f7ff rgb(227,247,255)
```
#f6fcff
```
#f6fcff rgb(246,252,255)
```

Tint Color Variation

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

#939b9e
```
#939b9e rgb(147,155,158)
```
#8b9ea6
```
#8b9ea6 rgb(139,158,166)
```
#83a1ae
```
#83a1ae rgb(131,161,174)
```
#7ba5b6
```
#7ba5b6 rgb(123,165,182)
```
#73a8be
```
#73a8be rgb(115,168,190)
```
#6babc6
```
#6babc6 rgb(107,171,198)
```
#63aece
```
#63aece rgb(99,174,206)
```
#5bb2d6
```
#5bb2d6 rgb(91,178,214)
```
#54b5dd
```
#54b5dd rgb(84,181,221)
```
#4cb8e5
```
#4cb8e5 rgb(76,184,229)
```
#44bbed
```
#44bbed rgb(68,187,237)
```
#3cbff5
```
#3cbff5 rgb(60,191,245)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#89a5b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6b7f3 Protanopia 1% of men
#9cb7ff Deuteranopia 1% of men
#00cbd9 Tritanopia 0.001% of the population

Trichromacy

#7dbbf6 Protanomaly 1% of men, 0.01% of women
#76bbfe Deuteranomaly 6% of men, 0.4% of women
#12c7e6 Tritanomaly 0.01% of the population

#34c2fd hex color

#34c2fd Color Information

#34c2fd Color Conversion

Color Schemes with #34c2fd

Alternatives to #34c2fd

#34c2fd Preview

Shades and Tints of #34c2fd

Tones of #34c2fd

Color Blindness Simulator