#34aefc hex color

In a RGB color space, hex #34aefc is composed of 20.4% red, 68.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 31% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.4 degrees, a saturation of 97.1% and a lightness of 59.6%. #34aefc color hex could be obtained by blending #68ffff with #005df9. Closest websafe color is: #3399ff.

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

● #34aefc color description : Bright blue.

The hexadecimal color #34aefc has RGB values of R:52, G:174, B:252 and CMYK values of C:0.79, M:0.31, Y:0, K:0.01. Its decimal value is 3452668.

Hex triplet	34aefc	`#34aefc`
RGB Decimal	52, 174, 252	`rgb(52,174,252)`
RGB Percent	20.4, 68.2, 98.8	`rgb(20.4%,68.2%,98.8%)`
CMYK	79, 31, 0, 1
HSL	203.4°, 97.1, 59.6	`hsl(203.4,97.1%,59.6%)`
HSV (or HSB)	203.4°, 79.4, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.041, -6.897, -47.961
XYZ	34.119, 38.027, 97.632
xyY	0.201, 0.224, 38.027
CIE-LCH	68.041, 48.455, 261.817
CIE-LUV	68.041, -40.482, -76.929
Hunter-Lab	61.666, -9.156, -50.703
Binary	00110100, 10101110, 11111100

#34aefc
```
#34aefc rgb(52,174,252)
```
#fc8234
```
#fc8234 rgb(252,130,52)
```

Complementary Color

#34fce6
```
#34fce6 rgb(52,252,230)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#344afc
```
#344afc rgb(52,74,252)
```

Analogous Color

#fce634
```
#fce634 rgb(252,230,52)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#fc344a
```
#fc344a rgb(252,52,74)
```

Split Complementary Color

#aefc34
```
#aefc34 rgb(174,252,52)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#fc34ae
```
#fc34ae rgb(252,52,174)
```

Triadic Color

#34fc82
```
#34fc82 rgb(52,252,130)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#fc34ae
```
#fc34ae rgb(252,52,174)
```
#fc8234
```
#fc8234 rgb(252,130,52)
```

Tetradic Color

#038ae0
```
#038ae0 rgb(3,138,224)
```
#049af9
```
#049af9 rgb(4,154,249)
```
#1ba4fc
```
#1ba4fc rgb(27,164,252)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#4db8fc
```
#4db8fc rgb(77,184,252)
```
#66c2fd
```
#66c2fd rgb(102,194,253)
```
#7fccfd
```
#7fccfd rgb(127,204,253)
```

Monochromatic Color

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

#34e0fc
```
#34e0fc rgb(52,224,252)
```
#34cffc
```
#34cffc rgb(52,207,252)
```
#34bffc
```
#34bffc rgb(52,191,252)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#349dfc
```
#349dfc rgb(52,157,252)
```
#348dfc
```
#348dfc rgb(52,141,252)
```
#347cfc
```
#347cfc rgb(52,124,252)
```

Similar Colors

Text with hexadecimal color #34aefc

This text has a font color of #34aefc.

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

#34aefc background color

This paragraph has a background color of #34aefc.

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

#34aefc border color

This element has a border color of #34aefc.

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

CSS codes

.text {color:#34aefc;}

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

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

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, #00060a is the darkest color, while #f5fbff is the lightest one.

#00060a
```
#00060a rgb(0,6,10)
```
#00121d
```
#00121d rgb(0,18,29)
```
#011e30
```
#011e30 rgb(1,30,48)
```
#012a44
```
#012a44 rgb(1,42,68)
```
#013657
```
#013657 rgb(1,54,87)
```
#02416a
```
#02416a rgb(2,65,106)
```
#024d7e
```
#024d7e rgb(2,77,126)
```
#025991
```
#025991 rgb(2,89,145)
```
#0265a4
```
#0265a4 rgb(2,101,164)
```
#0371b8
```
#0371b8 rgb(3,113,184)
```
#037dcb
```
#037dcb rgb(3,125,203)
```
#0389de
```
#0389de rgb(3,137,222)
```
#0495f2
```
#0495f2 rgb(4,149,242)
```

Shade Color Variation

#0d9ffb
```
#0d9ffb rgb(13,159,251)
```
#21a6fc
```
#21a6fc rgb(33,166,252)
```
#34aefc
```
#34aefc rgb(52,174,252)
```
#47b6fc
```
#47b6fc rgb(71,182,252)
```
#5bbdfd
```
#5bbdfd rgb(91,189,253)
```
#6ec5fd
```
#6ec5fd rgb(110,197,253)
```
#81cdfd
```
#81cdfd rgb(129,205,253)
```
#95d5fd
```
#95d5fd rgb(149,213,253)
```
#a8dcfe
```
#a8dcfe rgb(168,220,254)
```
#bbe4fe
```
#bbe4fe rgb(187,228,254)
```
#cfecfe
```
#cfecfe rgb(207,236,254)
```
#e2f3ff
```
#e2f3ff rgb(226,243,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#93999d
```
#93999d rgb(147,153,157)
```
#8b9ba5
```
#8b9ba5 rgb(139,155,165)
```
#839dad
```
#839dad rgb(131,157,173)
```
#7b9eb5
```
#7b9eb5 rgb(123,158,181)
```
#73a0bd
```
#73a0bd rgb(115,160,189)
```
#6ba2c5
```
#6ba2c5 rgb(107,162,197)
```
#64a4cc
```
#64a4cc rgb(100,164,204)
```
#5ca5d4
```
#5ca5d4 rgb(92,165,212)
```
#54a7dc
```
#54a7dc rgb(84,167,220)
```
#4ca9e4
```
#4ca9e4 rgb(76,169,228)
```
#44abec
```
#44abec rgb(68,171,236)
```
#3cacf4
```
#3cacf4 rgb(60,172,244)
```
#34aefc
```
#34aefc rgb(52,174,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#7f98a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8ea7f4 Protanopia 1% of men
#79aaff Deuteranopia 1% of men
#00bbc7 Tritanopia 0.001% of the population

Trichromacy

#6daaf7 Protanomaly 1% of men, 0.01% of women
#60abfd Deuteranomaly 6% of men, 0.4% of women
#12b6da Tritanomaly 0.01% of the population

#34aefc hex color

#34aefc Color Information

#34aefc Color Conversion

Color Schemes with #34aefc

Alternatives to #34aefc

#34aefc Preview

Shades and Tints of #34aefc

Tones of #34aefc

Color Blindness Simulator