#34aae0 hex color

In a RGB color space, hex #34aae0 is composed of 20.4% red, 66.7% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 24.1% magenta, 0% yellow and 12.2% black. It has a hue angle of 198.8 degrees, a saturation of 73.5% and a lightness of 54.1%. #34aae0 color hex could be obtained by blending #68ffff with #0055c1. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 67
- B 88
RGB color chart
- C 77
- M 24
- Y 0
- K 12
CMYK color chart

● #34aae0 color description : Bright blue.

The hexadecimal color #34aae0 has RGB values of R:52, G:170, B:224 and CMYK values of C:0.77, M:0.24, Y:0, K:0.12. Its decimal value is 3451616.

Hex triplet	34aae0	`#34aae0`
RGB Decimal	52, 170, 224	`rgb(52,170,224)`
RGB Percent	20.4, 66.7, 87.8	`rgb(20.4%,66.7%,87.8%)`
CMYK	77, 24, 0, 12
HSL	198.8°, 73.5, 54.1	`hsl(198.8,73.5%,54.1%)`
HSV (or HSB)	198.8°, 76.8, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.639, -14.35, -36.425
XYZ	29.242, 34.859, 75.704
xyY	0.209, 0.249, 34.859
CIE-LCH	65.639, 39.149, 248.498
CIE-LUV	65.639, -40.731, -56.084
Hunter-Lab	59.041, -14.915, -34.694
Binary	00110100, 10101010, 11100000

#34aae0
```
#34aae0 rgb(52,170,224)
```
#e06a34
```
#e06a34 rgb(224,106,52)
```

Complementary Color

#34e0c0
```
#34e0c0 rgb(52,224,192)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#3454e0
```
#3454e0 rgb(52,84,224)
```

Analogous Color

#e0c034
```
#e0c034 rgb(224,192,52)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#e03454
```
#e03454 rgb(224,52,84)
```

Split Complementary Color

#aae034
```
#aae034 rgb(170,224,52)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#e034aa
```
#e034aa rgb(224,52,170)
```

Triadic Color

#34e06a
```
#34e06a rgb(52,224,106)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#e034aa
```
#e034aa rgb(224,52,170)
```
#e06a34
```
#e06a34 rgb(224,106,52)
```

Tetradic Color

#1a7fad
```
#1a7fad rgb(26,127,173)
```
#1e8fc3
```
#1e8fc3 rgb(30,143,195)
```
#21a0d9
```
#21a0d9 rgb(33,160,217)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#4ab3e3
```
#4ab3e3 rgb(74,179,227)
```
#60bde7
```
#60bde7 rgb(96,189,231)
```
#76c6ea
```
#76c6ea rgb(118,198,234)
```

Monochromatic Color

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

#34d5e0
```
#34d5e0 rgb(52,213,224)
```
#34c7e0
```
#34c7e0 rgb(52,199,224)
```
#34b8e0
```
#34b8e0 rgb(52,184,224)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#349ce0
```
#349ce0 rgb(52,156,224)
```
#348de0
```
#348de0 rgb(52,141,224)
```
#347fe0
```
#347fe0 rgb(52,127,224)
```

Similar Colors

Text with hexadecimal color #34aae0

This text has a font color of #34aae0.

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

#34aae0 background color

This paragraph has a background color of #34aae0.

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

#34aae0 border color

This element has a border color of #34aae0.

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

CSS codes

.text {color:#34aae0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030d12
```
#030d12 rgb(3,13,18)
```
#051a23
```
#051a23 rgb(5,26,35)
```
#082634
```
#082634 rgb(8,38,52)
```
#0b3345
```
#0b3345 rgb(11,51,69)
```
#0d3f56
```
#0d3f56 rgb(13,63,86)
```
#104c67
```
#104c67 rgb(16,76,103)
```
#125878
```
#125878 rgb(18,88,120)
```
#156589
```
#156589 rgb(21,101,137)
```
#18719a
```
#18719a rgb(24,113,154)
```
#1a7eab
```
#1a7eab rgb(26,126,171)
```
#1d8abc
```
#1d8abc rgb(29,138,188)
```
#1f97cd
```
#1f97cd rgb(31,151,205)
```

Shade Color Variation

#23a3dd
```
#23a3dd rgb(35,163,221)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#45b1e3
```
#45b1e3 rgb(69,177,227)
```
#56b8e5
```
#56b8e5 rgb(86,184,229)
```
#67bfe8
```
#67bfe8 rgb(103,191,232)
```
#78c7ea
```
#78c7ea rgb(120,199,234)
```
#89ceed
```
#89ceed rgb(137,206,237)
```
#9ad5f0
```
#9ad5f0 rgb(154,213,240)
```
#abdcf2
```
#abdcf2 rgb(171,220,242)
```
#bce3f5
```
#bce3f5 rgb(188,227,245)
```
#cdeaf7
```
#cdeaf7 rgb(205,234,247)
```
#def1fa
```
#def1fa rgb(222,241,250)
```
#eff8fd
```
#eff8fd rgb(239,248,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858c8f is the less saturated color, while #19b4fb is the most saturated one.

#858c8f
```
#858c8f rgb(133,140,143)
```
#7c8f98
```
#7c8f98 rgb(124,143,152)
```
#7393a1
```
#7393a1 rgb(115,147,161)
```
#6a96aa
```
#6a96aa rgb(106,150,170)
```
#6199b3
```
#6199b3 rgb(97,153,179)
```
#589dbc
```
#589dbc rgb(88,157,188)
```
#4fa0c5
```
#4fa0c5 rgb(79,160,197)
```
#46a3ce
```
#46a3ce rgb(70,163,206)
```
#3da7d7
```
#3da7d7 rgb(61,167,215)
```
#34aae0
```
#34aae0 rgb(52,170,224)
```
#2bade9
```
#2bade9 rgb(43,173,233)
```
#22b1f2
```
#22b1f2 rgb(34,177,242)
```
#19b4fb
```
#19b4fb rgb(25,180,251)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7b939e Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a2d9 Protanopia 1% of men
#87a3e6 Deuteranopia 1% of men
#00b4c1 Tritanopia 0.001% of the population

Trichromacy

#70a5db Protanomaly 1% of men, 0.01% of women
#69a5e3 Deuteranomaly 6% of men, 0.4% of women
#12b0cc Tritanomaly 0.01% of the population

#34aae0 hex color

#34aae0 Color Information

#34aae0 Color Conversion

Color Schemes with #34aae0

Alternatives to #34aae0

#34aae0 Preview

Shades and Tints of #34aae0

Tones of #34aae0

Color Blindness Simulator