#34d4fd hex color

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

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

● #34d4fd color description : Bright cyan.

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

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

CIE-LAB	78.986, -26.529, -31.457
XYZ	42.684, 54.905, 101.271
xyY	0.215, 0.276, 54.905
CIE-LCH	78.986, 41.15, 229.858
CIE-LUV	78.986, -53.312, -47.251
Hunter-Lab	74.098, -26.845, -29.164
Binary	00110100, 11010100, 11111101

#34d4fd
```
#34d4fd rgb(52,212,253)
```
#fd5d34
```
#fd5d34 rgb(253,93,52)
```

Complementary Color

#34fdc2
```
#34fdc2 rgb(52,253,194)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#3470fd
```
#3470fd rgb(52,112,253)
```

Analogous Color

#fdc234
```
#fdc234 rgb(253,194,52)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#fd3470
```
#fd3470 rgb(253,52,112)
```

Split Complementary Color

#d4fd34
```
#d4fd34 rgb(212,253,52)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#fd34d4
```
#fd34d4 rgb(253,52,212)
```

Triadic Color

#34fd5d
```
#34fd5d rgb(52,253,93)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#fd34d4
```
#fd34d4 rgb(253,52,212)
```
#fd5d34
```
#fd5d34 rgb(253,93,52)
```

Tetradic Color

#02b5e2
```
#02b5e2 rgb(2,181,226)
```
#02c9fc
```
#02c9fc rgb(2,201,252)
```
#1bcffd
```
#1bcffd rgb(27,207,253)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#4dd9fd
```
#4dd9fd rgb(77,217,253)
```
#67dffd
```
#67dffd rgb(103,223,253)
```
#80e4fe
```
#80e4fe rgb(128,228,254)
```

Monochromatic Color

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

#34fdf4
```
#34fdf4 rgb(52,253,244)
```
#34f6fd
```
#34f6fd rgb(52,246,253)
```
#34e5fd
```
#34e5fd rgb(52,229,253)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#34c3fd
```
#34c3fd rgb(52,195,253)
```
#34b3fd
```
#34b3fd rgb(52,179,253)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```

Similar Colors

Text with hexadecimal color #34d4fd

This text has a font color of #34d4fd.

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

#34d4fd background color

This paragraph has a background color of #34d4fd.

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

#34d4fd border color

This element has a border color of #34d4fd.

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

CSS codes

.text {color:#34d4fd;}

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

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

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)
```
#01566c
```
#01566c rgb(1,86,108)
```
#01667f
```
#01667f rgb(1,102,127)
```
#017593
```
#017593 rgb(1,117,147)
```
#0285a6
```
#0285a6 rgb(2,133,166)
```
#0294b9
```
#0294b9 rgb(2,148,185)
```
#02a4cd
```
#02a4cd rgb(2,164,205)
```
#02b3e0
```
#02b3e0 rgb(2,179,224)
```
#02c3f4
```
#02c3f4 rgb(2,195,244)
```

Shade Color Variation

#0dccfd
```
#0dccfd rgb(13,204,253)
```
#21d0fd
```
#21d0fd rgb(33,208,253)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```
#47d8fd
```
#47d8fd rgb(71,216,253)
```
#5bdcfd
```
#5bdcfd rgb(91,220,253)
```
#6ee0fe
```
#6ee0fe rgb(110,224,254)
```
#82e4fe
```
#82e4fe rgb(130,228,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 #34d4fd is the most saturated one.

#939c9e
```
#939c9e rgb(147,156,158)
```
#8ba1a6
```
#8ba1a6 rgb(139,161,166)
```
#83a5ae
```
#83a5ae rgb(131,165,174)
```
#7baab6
```
#7baab6 rgb(123,170,182)
```
#73afbe
```
#73afbe rgb(115,175,190)
```
#6bb3c6
```
#6bb3c6 rgb(107,179,198)
```
#63b8ce
```
#63b8ce rgb(99,184,206)
```
#5bbdd6
```
#5bbdd6 rgb(91,189,214)
```
#54c1dd
```
#54c1dd rgb(84,193,221)
```
#4cc6e5
```
#4cc6e5 rgb(76,198,229)
```
#44cbed
```
#44cbed rgb(68,203,237)
```
#3ccff5
```
#3ccff5 rgb(60,207,245)
```
#34d4fd
```
#34d4fd rgb(52,212,253)
```

Tone Color Variation

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

#bbc4f1 Protanopia 1% of men
#b6c4ff Deuteranopia 1% of men
#1ad9e9 Tritanopia 0.001% of the population

Trichromacy

#8acaf5 Protanomaly 1% of men, 0.01% of women
#86cafe Deuteranomaly 6% of men, 0.4% of women
#23d7f0 Tritanomaly 0.01% of the population

#34d4fd hex color

#34d4fd Color Information

#34d4fd Color Conversion

Color Schemes with #34d4fd

Alternatives to #34d4fd

#34d4fd Preview

Shades and Tints of #34d4fd

Tones of #34d4fd

Color Blindness Simulator