#34dafd hex color

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

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

● #34dafd color description : Bright cyan.

The hexadecimal color #34dafd has RGB values of R:52, G:218, B:253 and CMYK values of C:0.79, M:0.14, Y:0, K:0.01. Its decimal value is 3463933.

Hex triplet	34dafd	`#34dafd`
RGB Decimal	52, 218, 253	`rgb(52,218,253)`
RGB Percent	20.4, 85.5, 99.2	`rgb(20.4%,85.5%,99.2%)`
CMYK	79, 14, 0, 1
HSL	190.4°, 98, 59.8	`hsl(190.4,98%,59.8%)`
HSV (or HSB)	190.4°, 79.4, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.717, -29.472, -28.8
XYZ	44.212, 57.961, 101.78
xyY	0.217, 0.284, 57.961
CIE-LCH	80.717, 41.208, 224.339
CIE-LUV	80.717, -55.36, -42.387
Hunter-Lab	76.132, -29.57, -25.972
Binary	00110100, 11011010, 11111101

#34dafd
```
#34dafd rgb(52,218,253)
```
#fd5734
```
#fd5734 rgb(253,87,52)
```

Complementary Color

#34fdbc
```
#34fdbc rgb(52,253,188)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#3476fd
```
#3476fd rgb(52,118,253)
```

Analogous Color

#fdbc34
```
#fdbc34 rgb(253,188,52)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#fd3476
```
#fd3476 rgb(253,52,118)
```

Split Complementary Color

#dafd34
```
#dafd34 rgb(218,253,52)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#fd34da
```
#fd34da rgb(253,52,218)
```

Triadic Color

#34fd57
```
#34fd57 rgb(52,253,87)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#fd34da
```
#fd34da rgb(253,52,218)
```
#fd5734
```
#fd5734 rgb(253,87,52)
```

Tetradic Color

#02bbe2
```
#02bbe2 rgb(2,187,226)
```
#02d0fc
```
#02d0fc rgb(2,208,252)
```
#1bd5fd
```
#1bd5fd rgb(27,213,253)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#4ddffd
```
#4ddffd rgb(77,223,253)
```
#67e3fd
```
#67e3fd rgb(103,227,253)
```
#80e8fe
```
#80e8fe rgb(128,232,254)
```

Monochromatic Color

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

#34fdee
```
#34fdee rgb(52,253,238)
```
#34fcfd
```
#34fcfd rgb(52,252,253)
```
#34ebfd
```
#34ebfd rgb(52,235,253)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#34c9fd
```
#34c9fd rgb(52,201,253)
```
#34b9fd
```
#34b9fd rgb(52,185,253)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```

Similar Colors

Text with hexadecimal color #34dafd

This text has a font color of #34dafd.

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

#34dafd background color

This paragraph has a background color of #34dafd.

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

#34dafd border color

This element has a border color of #34dafd.

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

CSS codes

.text {color:#34dafd;}

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

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

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)
```
#00191e
```
#00191e rgb(0,25,30)
```
#002932
```
#002932 rgb(0,41,50)
```
#013945
```
#013945 rgb(1,57,69)
```
#014958
```
#014958 rgb(1,73,88)
```
#01596c
```
#01596c rgb(1,89,108)
```
#01697f
```
#01697f rgb(1,105,127)
```
#017993
```
#017993 rgb(1,121,147)
```
#0289a6
```
#0289a6 rgb(2,137,166)
```
#029ab9
```
#029ab9 rgb(2,154,185)
```
#02aacd
```
#02aacd rgb(2,170,205)
```
#02bae0
```
#02bae0 rgb(2,186,224)
```
#02caf4
```
#02caf4 rgb(2,202,244)
```

Shade Color Variation

#0dd3fd
```
#0dd3fd rgb(13,211,253)
```
#21d6fd
```
#21d6fd rgb(33,214,253)
```
#34dafd
```
#34dafd rgb(52,218,253)
```
#47defd
```
#47defd rgb(71,222,253)
```
#5be1fd
```
#5be1fd rgb(91,225,253)
```
#6ee5fe
```
#6ee5fe rgb(110,229,254)
```
#82e8fe
```
#82e8fe rgb(130,232,254)
```
#95ecfe
```
#95ecfe rgb(149,236,254)
```
#a9effe
```
#a9effe rgb(169,239,254)
```
#bcf3fe
```
#bcf3fe rgb(188,243,254)
```
#cff6ff
```
#cff6ff rgb(207,246,255)
```
#e3faff
```
#e3faff rgb(227,250,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 #34dafd is the most saturated one.

#939c9e
```
#939c9e rgb(147,156,158)
```
#8ba1a6
```
#8ba1a6 rgb(139,161,166)
```
#83a7ae
```
#83a7ae rgb(131,167,174)
```
#7bacb6
```
#7bacb6 rgb(123,172,182)
```
#73b1be
```
#73b1be rgb(115,177,190)
```
#6bb6c6
```
#6bb6c6 rgb(107,182,198)
```
#63bbce
```
#63bbce rgb(99,187,206)
```
#5bc0d6
```
#5bc0d6 rgb(91,192,214)
```
#54c5dd
```
#54c5dd rgb(84,197,221)
```
#4ccbe5
```
#4ccbe5 rgb(76,203,229)
```
#44d0ed
```
#44d0ed rgb(68,208,237)
```
#3cd5f5
```
#3cd5f5 rgb(60,213,245)
```
#34dafd
```
#34dafd rgb(52,218,253)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#94b5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f1 Protanopia 1% of men
#bec8ff Deuteranopia 1% of men
#28deee Tritanopia 0.001% of the population

Trichromacy

#8ecff5 Protanomaly 1% of men, 0.01% of women
#8ccefe Deuteranomaly 6% of men, 0.4% of women
#2cdcf3 Tritanomaly 0.01% of the population

#34dafd hex color

#34dafd Color Information

#34dafd Color Conversion

Color Schemes with #34dafd

Alternatives to #34dafd

#34dafd Preview

Shades and Tints of #34dafd

Tones of #34dafd

Color Blindness Simulator