colorhexa.com

#34a8e0 hex color

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

- R 20
- G 66
- B 88
RGB color chart
- C 77
- M 25
- Y 0
- K 12
CMYK color chart

● #34a8e0 color description : Bright blue.

The hexadecimal color #34a8e0 has RGB values of R:52, G:168, B:224 and CMYK values of C:0.77, M:0.25, Y:0, K:0.12. Its decimal value is 3451104.

Hex triplet	34a8e0	`#34a8e0`
RGB Decimal	52, 168, 224	`rgb(52,168,224)`
RGB Percent	20.4, 65.9, 87.8	`rgb(20.4%,65.9%,87.8%)`
CMYK	77, 25, 0, 12
HSL	199.5°, 73.5, 54.1	`hsl(199.5,73.5%,54.1%)`
HSV (or HSB)	199.5°, 76.8, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.053, -13.265, -37.337
XYZ	28.87, 34.115, 75.58
xyY	0.208, 0.246, 34.115
CIE-LCH	65.053, 39.623, 250.44
CIE-LUV	65.053, -40.039, -57.682
Hunter-Lab	58.408, -13.984, -35.836
Binary	00110100, 10101000, 11100000

#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#e06c34
```
#e06c34 rgb(224,108,52)
```

Complementary Color

#34e0c2
```
#34e0c2 rgb(52,224,194)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#3452e0
```
#3452e0 rgb(52,82,224)
```

Analogous Color

#e0c234
```
#e0c234 rgb(224,194,52)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#e03452
```
#e03452 rgb(224,52,82)
```

Split Complementary Color

#a8e034
```
#a8e034 rgb(168,224,52)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#e034a8
```
#e034a8 rgb(224,52,168)
```

Triadic Color

#34e06c
```
#34e06c rgb(52,224,108)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#e034a8
```
#e034a8 rgb(224,52,168)
```
#e06c34
```
#e06c34 rgb(224,108,52)
```

Tetradic Color

#1a7dad
```
#1a7dad rgb(26,125,173)
```
#1e8dc3
```
#1e8dc3 rgb(30,141,195)
```
#219dd9
```
#219dd9 rgb(33,157,217)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#4ab1e3
```
#4ab1e3 rgb(74,177,227)
```
#60bbe7
```
#60bbe7 rgb(96,187,231)
```
#76c4ea
```
#76c4ea rgb(118,196,234)
```

Monochromatic Color

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

#34d3e0
```
#34d3e0 rgb(52,211,224)
```
#34c5e0
```
#34c5e0 rgb(52,197,224)
```
#34b6e0
```
#34b6e0 rgb(52,182,224)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#349ae0
```
#349ae0 rgb(52,154,224)
```
#348be0
```
#348be0 rgb(52,139,224)
```
#347de0
```
#347de0 rgb(52,125,224)
```

Similar Colors

Text with hexadecimal color #34a8e0

This text has a font color of #34a8e0.

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

#34a8e0 background color

This paragraph has a background color of #34a8e0.

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

#34a8e0 border color

This element has a border color of #34a8e0.

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

CSS codes

.text {color:#34a8e0;}

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

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

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)
```
#0b3245
```
#0b3245 rgb(11,50,69)
```
#0d3e56
```
#0d3e56 rgb(13,62,86)
```
#104b67
```
#104b67 rgb(16,75,103)
```
#125778
```
#125778 rgb(18,87,120)
```
#156389
```
#156389 rgb(21,99,137)
```
#18709a
```
#18709a rgb(24,112,154)
```
#1a7cab
```
#1a7cab rgb(26,124,171)
```
#1d88bc
```
#1d88bc rgb(29,136,188)
```
#1f95cd
```
#1f95cd rgb(31,149,205)
```

Shade Color Variation

#23a1dd
```
#23a1dd rgb(35,161,221)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#45afe3
```
#45afe3 rgb(69,175,227)
```
#56b7e5
```
#56b7e5 rgb(86,183,229)
```
#67bee8
```
#67bee8 rgb(103,190,232)
```
#78c5ea
```
#78c5ea rgb(120,197,234)
```
#89cced
```
#89cced rgb(137,204,237)
```
#9ad4f0
```
#9ad4f0 rgb(154,212,240)
```
#abdbf2
```
#abdbf2 rgb(171,219,242)
```
#bce2f5
```
#bce2f5 rgb(188,226,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 #19b1fb is the most saturated one.

#858c8f
```
#858c8f rgb(133,140,143)
```
#7c8f98
```
#7c8f98 rgb(124,143,152)
```
#7392a1
```
#7392a1 rgb(115,146,161)
```
#6a95aa
```
#6a95aa rgb(106,149,170)
```
#6198b3
```
#6198b3 rgb(97,152,179)
```
#589bbc
```
#589bbc rgb(88,155,188)
```
#4f9fc5
```
#4f9fc5 rgb(79,159,197)
```
#46a2ce
```
#46a2ce rgb(70,162,206)
```
#3da5d7
```
#3da5d7 rgb(61,165,215)
```
#34a8e0
```
#34a8e0 rgb(52,168,224)
```
#2babe9
```
#2babe9 rgb(43,171,233)
```
#22aef2
```
#22aef2 rgb(34,174,242)
```
#19b1fb
```
#19b1fb rgb(25,177,251)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#7a929d Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a0d9 Protanopia 1% of men
#84a1e5 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6fa3db Protanomaly 1% of men, 0.01% of women
#67a4e3 Deuteranomaly 6% of men, 0.4% of women
#12aecb Tritanomaly 0.01% of the population