#34d5fd hex color

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

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

● #34d5fd color description : Bright cyan.

The hexadecimal color #34d5fd has RGB values of R:52, G:213, B:253 and CMYK values of C:0.79, M:0.16, Y:0, K:0.01. Its decimal value is 3462653.

Hex triplet	34d5fd	`#34d5fd`
RGB Decimal	52, 213, 253	`rgb(52,213,253)`
RGB Percent	20.4, 83.5, 99.2	`rgb(20.4%,83.5%,99.2%)`
CMYK	79, 16, 0, 1
HSL	191.9°, 98, 59.8	`hsl(191.9,98%,59.8%)`
HSV (or HSB)	191.9°, 79.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	79.275, -27.023, -31.013
XYZ	42.935, 55.406, 101.355
xyY	0.215, 0.277, 55.406
CIE-LCH	79.275, 41.135, 228.933
CIE-LUV	79.275, -53.653, -46.44
Hunter-Lab	74.435, -27.301, -28.627
Binary	00110100, 11010101, 11111101

#34d5fd
```
#34d5fd rgb(52,213,253)
```
#fd5c34
```
#fd5c34 rgb(253,92,52)
```

Complementary Color

#34fdc1
```
#34fdc1 rgb(52,253,193)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#3471fd
```
#3471fd rgb(52,113,253)
```

Analogous Color

#fdc134
```
#fdc134 rgb(253,193,52)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#fd3471
```
#fd3471 rgb(253,52,113)
```

Split Complementary Color

#d5fd34
```
#d5fd34 rgb(213,253,52)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#fd34d5
```
#fd34d5 rgb(253,52,213)
```

Triadic Color

#34fd5c
```
#34fd5c rgb(52,253,92)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#fd34d5
```
#fd34d5 rgb(253,52,213)
```
#fd5c34
```
#fd5c34 rgb(253,92,52)
```

Tetradic Color

#02b6e2
```
#02b6e2 rgb(2,182,226)
```
#02cafc
```
#02cafc rgb(2,202,252)
```
#1bd0fd
```
#1bd0fd rgb(27,208,253)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#4ddafd
```
#4ddafd rgb(77,218,253)
```
#67dffd
```
#67dffd rgb(103,223,253)
```
#80e5fe
```
#80e5fe rgb(128,229,254)
```

Monochromatic Color

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

#34fdf3
```
#34fdf3 rgb(52,253,243)
```
#34f7fd
```
#34f7fd rgb(52,247,253)
```
#34e6fd
```
#34e6fd rgb(52,230,253)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#34c4fd
```
#34c4fd rgb(52,196,253)
```
#34b4fd
```
#34b4fd rgb(52,180,253)
```
#34a3fd
```
#34a3fd rgb(52,163,253)
```

Similar Colors

Text with hexadecimal color #34d5fd

This text has a font color of #34d5fd.

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

#34d5fd background color

This paragraph has a background color of #34d5fd.

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

#34d5fd border color

This element has a border color of #34d5fd.

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

CSS codes

.text {color:#34d5fd;}

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

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

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 #f6fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#00181e
```
#00181e rgb(0,24,30)
```
#002832
```
#002832 rgb(0,40,50)
```
#013745
```
#013745 rgb(1,55,69)
```
#014758
```
#014758 rgb(1,71,88)
```
#01576c
```
#01576c rgb(1,87,108)
```
#01667f
```
#01667f rgb(1,102,127)
```
#017693
```
#017693 rgb(1,118,147)
```
#0285a6
```
#0285a6 rgb(2,133,166)
```
#0295b9
```
#0295b9 rgb(2,149,185)
```
#02a5cd
```
#02a5cd rgb(2,165,205)
```
#02b4e0
```
#02b4e0 rgb(2,180,224)
```
#02c4f4
```
#02c4f4 rgb(2,196,244)
```

Shade Color Variation

#0dcdfd
```
#0dcdfd rgb(13,205,253)
```
#21d1fd
```
#21d1fd rgb(33,209,253)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#47d9fd
```
#47d9fd rgb(71,217,253)
```
#5bddfd
```
#5bddfd rgb(91,221,253)
```
#6ee1fe
```
#6ee1fe rgb(110,225,254)
```
#82e5fe
```
#82e5fe rgb(130,229,254)
```
#95e9fe
```
#95e9fe rgb(149,233,254)
```
#a9edfe
```
#a9edfe rgb(169,237,254)
```
#bcf1fe
```
#bcf1fe rgb(188,241,254)
```
#cff5ff
```
#cff5ff rgb(207,245,255)
```
#e3f9ff
```
#e3f9ff rgb(227,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

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

#939c9e
```
#939c9e rgb(147,156,158)
```
#8ba1a6
```
#8ba1a6 rgb(139,161,166)
```
#83a6ae
```
#83a6ae rgb(131,166,174)
```
#7baab6
```
#7baab6 rgb(123,170,182)
```
#73afbe
```
#73afbe rgb(115,175,190)
```
#6bb4c6
```
#6bb4c6 rgb(107,180,198)
```
#63b9ce
```
#63b9ce rgb(99,185,206)
```
#5bbdd6
```
#5bbdd6 rgb(91,189,214)
```
#54c2dd
```
#54c2dd rgb(84,194,221)
```
#4cc7e5
```
#4cc7e5 rgb(76,199,229)
```
#44cced
```
#44cced rgb(68,204,237)
```
#3cd0f5
```
#3cd0f5 rgb(60,208,245)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#92b2ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc5f1 Protanopia 1% of men
#b7c5ff Deuteranopia 1% of men
#1ddaea Tritanopia 0.001% of the population

Trichromacy

#8acbf5 Protanomaly 1% of men, 0.01% of women
#87cafe Deuteranomaly 6% of men, 0.4% of women
#25d8f1 Tritanomaly 0.01% of the population

#34d5fd hex color

#34d5fd Color Information

#34d5fd Color Conversion

Color Schemes with #34d5fd

Alternatives to #34d5fd

#34d5fd Preview

Shades and Tints of #34d5fd

Tones of #34d5fd

Color Blindness Simulator