#34ace2 hex color

In a RGB color space, hex #34ace2 is composed of 20.4% red, 67.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 23.9% magenta, 0% yellow and 11.4% black. It has a hue angle of 198.6 degrees, a saturation of 75% and a lightness of 54.5%. #34ace2 color hex could be obtained by blending #68ffff with #0059c5. Closest websafe color is: #3399cc.

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

● #34ace2 color description : Bright blue.

The hexadecimal color #34ace2 has RGB values of R:52, G:172, B:226 and CMYK values of C:0.77, M:0.24, Y:0, K:0.11. Its decimal value is 3452130.

Hex triplet	34ace2	`#34ace2`
RGB Decimal	52, 172, 226	`rgb(52,172,226)`
RGB Percent	20.4, 67.5, 88.6	`rgb(20.4%,67.5%,88.6%)`
CMYK	77, 24, 0, 11
HSL	198.6°, 75, 54.5	`hsl(198.6,75%,54.5%)`
HSV (or HSB)	198.6°, 77, 88.6
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.308, -14.75, -36.481
XYZ	29.893, 35.723, 77.267
xyY	0.209, 0.25, 35.723
CIE-LCH	66.308, 39.351, 247.985
CIE-LUV	66.308, -41.304, -56.212
Hunter-Lab	59.769, -15.322, -34.809
Binary	00110100, 10101100, 11100010

#34ace2
```
#34ace2 rgb(52,172,226)
```
#e26a34
```
#e26a34 rgb(226,106,52)
```

Complementary Color

#34e2c1
```
#34e2c1 rgb(52,226,193)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#3455e2
```
#3455e2 rgb(52,85,226)
```

Analogous Color

#e2c134
```
#e2c134 rgb(226,193,52)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#e23455
```
#e23455 rgb(226,52,85)
```

Split Complementary Color

#ace234
```
#ace234 rgb(172,226,52)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#e234ac
```
#e234ac rgb(226,52,172)
```

Triadic Color

#34e26a
```
#34e26a rgb(52,226,106)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#e234ac
```
#e234ac rgb(226,52,172)
```
#e26a34
```
#e26a34 rgb(226,106,52)
```

Tetradic Color

#1981b0
```
#1981b0 rgb(25,129,176)
```
#1c92c7
```
#1c92c7 rgb(28,146,199)
```
#20a2dd
```
#20a2dd rgb(32,162,221)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#4ab5e5
```
#4ab5e5 rgb(74,181,229)
```
#61bee8
```
#61bee8 rgb(97,190,232)
```
#77c7ec
```
#77c7ec rgb(119,199,236)
```

Monochromatic Color

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

#34d8e2
```
#34d8e2 rgb(52,216,226)
```
#34c9e2
```
#34c9e2 rgb(52,201,226)
```
#34bbe2
```
#34bbe2 rgb(52,187,226)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#349ee2
```
#349ee2 rgb(52,158,226)
```
#348fe2
```
#348fe2 rgb(52,143,226)
```
#3481e2
```
#3481e2 rgb(52,129,226)
```

Similar Colors

Text with hexadecimal color #34ace2

This text has a font color of #34ace2.

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

#34ace2 background color

This paragraph has a background color of #34ace2.

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

#34ace2 border color

This element has a border color of #34ace2.

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

CSS codes

.text {color:#34ace2;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#030f14
```
#030f14 rgb(3,15,20)
```
#051b25
```
#051b25 rgb(5,27,37)
```
#082836
```
#082836 rgb(8,40,54)
```
#0a3548
```
#0a3548 rgb(10,53,72)
```
#0d4159
```
#0d4159 rgb(13,65,89)
```
#0f4e6a
```
#0f4e6a rgb(15,78,106)
```
#125a7b
```
#125a7b rgb(18,90,123)
```
#14678c
```
#14678c rgb(20,103,140)
```
#16749d
```
#16749d rgb(22,116,157)
```
#1980af
```
#1980af rgb(25,128,175)
```
#1b8dc0
```
#1b8dc0 rgb(27,141,192)
```
#1e99d1
```
#1e99d1 rgb(30,153,209)
```

Shade Color Variation

#23a5e0
```
#23a5e0 rgb(35,165,224)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#45b3e4
```
#45b3e4 rgb(69,179,228)
```
#56bae7
```
#56bae7 rgb(86,186,231)
```
#67c1e9
```
#67c1e9 rgb(103,193,233)
```
#79c8ec
```
#79c8ec rgb(121,200,236)
```
#8acfee
```
#8acfee rgb(138,207,238)
```
#9bd6f1
```
#9bd6f1 rgb(155,214,241)
```
#acddf3
```
#acddf3 rgb(172,221,243)
```
#bde4f6
```
#bde4f6 rgb(189,228,246)
```
#ceebf8
```
#ceebf8 rgb(206,235,248)
```
#e0f2fb
```
#e0f2fb rgb(224,242,251)
```
#f1f9fd
```
#f1f9fd rgb(241,249,253)
```

Tint Color Variation

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

#848e92
```
#848e92 rgb(132,142,146)
```
#7b919b
```
#7b919b rgb(123,145,155)
```
#7294a4
```
#7294a4 rgb(114,148,164)
```
#6a98ac
```
#6a98ac rgb(106,152,172)
```
#619bb5
```
#619bb5 rgb(97,155,181)
```
#589ebe
```
#589ebe rgb(88,158,190)
```
#4fa2c7
```
#4fa2c7 rgb(79,162,199)
```
#46a5d0
```
#46a5d0 rgb(70,165,208)
```
#3da9d9
```
#3da9d9 rgb(61,169,217)
```
#34ace2
```
#34ace2 rgb(52,172,226)
```
#2bafeb
```
#2bafeb rgb(43,175,235)
```
#22b3f4
```
#22b3f4 rgb(34,179,244)
```
#19b6fd
```
#19b6fd rgb(25,182,253)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7c949f Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a4db Protanopia 1% of men
#89a4e8 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#71a6dd Protanomaly 1% of men, 0.01% of women
#6aa7e5 Deuteranomaly 6% of men, 0.4% of women
#12b2ce Tritanomaly 0.01% of the population

#34ace2 hex color

#34ace2 Color Information

#34ace2 Color Conversion

Color Schemes with #34ace2

Alternatives to #34ace2

#34ace2 Preview

Shades and Tints of #34ace2

Tones of #34ace2

Color Blindness Simulator