#34def4 hex color

In a RGB color space, hex #34def4 is composed of 20.4% red, 87.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 9% magenta, 0% yellow and 4.3% black. It has a hue angle of 186.9 degrees, a saturation of 89.7% and a lightness of 58%. #34def4 color hex could be obtained by blending #68ffff with #00bde9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 20
- G 87
- B 96
RGB color chart
- C 79
- M 9
- Y 0
- K 4
CMYK color chart

● #34def4 color description : Bright cyan.

The hexadecimal color #34def4 has RGB values of R:52, G:222, B:244 and CMYK values of C:0.79, M:0.09, Y:0, K:0.04. Its decimal value is 3464948.

Hex triplet	34def4	`#34def4`
RGB Decimal	52, 222, 244	`rgb(52,222,244)`
RGB Percent	20.4, 87.1, 95.7	`rgb(20.4%,87.1%,95.7%)`
CMYK	79, 9, 0, 4
HSL	186.9°, 89.7, 58	`hsl(186.9,89.7%,58%)`
HSV (or HSB)	186.9°, 78.7, 95.7
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.566, -34.157, -22.73
XYZ	43.862, 59.5, 94.756
xyY	0.221, 0.3, 59.5
CIE-LCH	81.566, 41.029, 213.642
CIE-LUV	81.566, -57.37, -31.416
Hunter-Lab	77.136, -33.488, -18.838
Binary	00110100, 11011110, 11110100

#34def4
```
#34def4 rgb(52,222,244)
```
#f44a34
```
#f44a34 rgb(244,74,52)
```

Complementary Color

#34f4aa
```
#34f4aa rgb(52,244,170)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#347ef4
```
#347ef4 rgb(52,126,244)
```

Analogous Color

#f4aa34
```
#f4aa34 rgb(244,170,52)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#f4347e
```
#f4347e rgb(244,52,126)
```

Split Complementary Color

#def434
```
#def434 rgb(222,244,52)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#f434de
```
#f434de rgb(244,52,222)
```

Triadic Color

#34f44a
```
#34f44a rgb(52,244,74)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#f434de
```
#f434de rgb(244,52,222)
```
#f44a34
```
#f44a34 rgb(244,74,52)
```

Tetradic Color

#0bbad0
```
#0bbad0 rgb(11,186,208)
```
#0dcfe8
```
#0dcfe8 rgb(13,207,232)
```
#1cdaf3
```
#1cdaf3 rgb(28,218,243)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#4ce2f5
```
#4ce2f5 rgb(76,226,245)
```
#64e6f7
```
#64e6f7 rgb(100,230,247)
```
#7deaf8
```
#7deaf8 rgb(125,234,248)
```

Monochromatic Color

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

#34f4da
```
#34f4da rgb(52,244,218)
```
#34f4ea
```
#34f4ea rgb(52,244,234)
```
#34eef4
```
#34eef4 rgb(52,238,244)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#34cef4
```
#34cef4 rgb(52,206,244)
```
#34bef4
```
#34bef4 rgb(52,190,244)
```
#34aef4
```
#34aef4 rgb(52,174,244)
```

Similar Colors

Text with hexadecimal color #34def4

This text has a font color of #34def4.

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

#34def4 background color

This paragraph has a background color of #34def4.

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

#34def4 border color

This element has a border color of #34def4.

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

CSS codes

.text {color:#34def4;}

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

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

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, #000102 is the darkest color, while #eefcfe is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#011214
```
#011214 rgb(1,18,20)
```
#022327
```
#022327 rgb(2,35,39)
```
#033339
```
#033339 rgb(3,51,57)
```
#04444c
```
#04444c rgb(4,68,76)
```
#05545f
```
#05545f rgb(5,84,95)
```
#066571
```
#066571 rgb(6,101,113)
```
#077684
```
#077684 rgb(7,118,132)
```
#088697
```
#088697 rgb(8,134,151)
```
#0997a9
```
#0997a9 rgb(9,151,169)
```
#0aa7bc
```
#0aa7bc rgb(10,167,188)
```
#0bb8ce
```
#0bb8ce rgb(11,184,206)
```
#0cc9e1
```
#0cc9e1 rgb(12,201,225)
```

Shade Color Variation

#0fd8f2
```
#0fd8f2 rgb(15,216,242)
```
#21dbf3
```
#21dbf3 rgb(33,219,243)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#47e1f5
```
#47e1f5 rgb(71,225,245)
```
#59e4f6
```
#59e4f6 rgb(89,228,246)
```
#6ce7f7
```
#6ce7f7 rgb(108,231,247)
```
#7eeaf8
```
#7eeaf8 rgb(126,234,248)
```
#91edf9
```
#91edf9 rgb(145,237,249)
```
#a4f0fa
```
#a4f0fa rgb(164,240,250)
```
#b6f3fb
```
#b6f3fb rgb(182,243,251)
```
#c9f6fc
```
#c9f6fc rgb(201,246,252)
```
#dbf9fd
```
#dbf9fd rgb(219,249,253)
```
#eefcfe
```
#eefcfe rgb(238,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9899 is the less saturated color, while #2ce4fc is the most saturated one.

#8f9899
```
#8f9899 rgb(143,152,153)
```
#869fa2
```
#869fa2 rgb(134,159,162)
```
#7ea5aa
```
#7ea5aa rgb(126,165,170)
```
#76abb2
```
#76abb2 rgb(118,171,178)
```
#6eb2ba
```
#6eb2ba rgb(110,178,186)
```
#65b8c3
```
#65b8c3 rgb(101,184,195)
```
#5dbecb
```
#5dbecb rgb(93,190,203)
```
#55c5d3
```
#55c5d3 rgb(85,197,211)
```
#4dcbdb
```
#4dcbdb rgb(77,203,219)
```
#44d1e4
```
#44d1e4 rgb(68,209,228)
```
#3cd8ec
```
#3cd8ec rgb(60,216,236)
```
#34def4
```
#34def4 rgb(52,222,244)
```
#2ce4fc
```
#2ce4fc rgb(44,228,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#96b8bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cbe8 Protanopia 1% of men
#c6c9fc Deuteranopia 1% of men
#39e0f0 Tritanopia 0.001% of the population

Trichromacy

#92d2ec Protanomaly 1% of men, 0.01% of women
#91d1f9 Deuteranomaly 6% of men, 0.4% of women
#37dff1 Tritanomaly 0.01% of the population

#34def4 hex color

#34def4 Color Information

#34def4 Color Conversion

Color Schemes with #34def4

Alternatives to #34def4

#34def4 Preview

Shades and Tints of #34def4

Tones of #34def4

Color Blindness Simulator