#34a8de hex color

In a RGB color space, hex #34a8de is composed of 20.4% red, 65.9% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 24.3% magenta, 0% yellow and 12.9% black. It has a hue angle of 199.1 degrees, a saturation of 72% and a lightness of 53.7%. #34a8de color hex could be obtained by blending #68ffff with #0051bd. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 66
- B 87
RGB color chart
- C 77
- M 24
- Y 0
- K 13
CMYK color chart

● #34a8de color description : Bright blue.

The hexadecimal color #34a8de has RGB values of R:52, G:168, B:222 and CMYK values of C:0.77, M:0.24, Y:0, K:0.13. Its decimal value is 3451102.

Hex triplet	34a8de	`#34a8de`
RGB Decimal	52, 168, 222	`rgb(52,168,222)`
RGB Percent	20.4, 65.9, 87.1	`rgb(20.4%,65.9%,87.1%)`
CMYK	77, 24, 0, 13
HSL	199.1°, 72, 53.7	`hsl(199.1,72%,53.7%)`
HSV (or HSB)	199.1°, 76.6, 87.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	64.968, -13.946, -36.368
XYZ	28.6, 34.007, 74.16
xyY	0.209, 0.249, 34.007
CIE-LCH	64.968, 38.95, 249.019
CIE-LUV	64.968, -40.156, -55.953
Hunter-Lab	58.315, -14.508, -34.579
Binary	00110100, 10101000, 11011110

#34a8de
```
#34a8de rgb(52,168,222)
```
#de6a34
```
#de6a34 rgb(222,106,52)
```

Complementary Color

#34debf
```
#34debf rgb(52,222,191)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#3453de
```
#3453de rgb(52,83,222)
```

Analogous Color

#debf34
```
#debf34 rgb(222,191,52)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#de3453
```
#de3453 rgb(222,52,83)
```

Split Complementary Color

#a8de34
```
#a8de34 rgb(168,222,52)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#de34a8
```
#de34a8 rgb(222,52,168)
```

Triadic Color

#34de6a
```
#34de6a rgb(52,222,106)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#de34a8
```
#de34a8 rgb(222,52,168)
```
#de6a34
```
#de6a34 rgb(222,106,52)
```

Tetradic Color

#1c7daa
```
#1c7daa rgb(28,125,170)
```
#1f8dc0
```
#1f8dc0 rgb(31,141,192)
```
#239dd6
```
#239dd6 rgb(35,157,214)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#4ab1e2
```
#4ab1e2 rgb(74,177,226)
```
#60bbe5
```
#60bbe5 rgb(96,187,229)
```
#76c4e9
```
#76c4e9 rgb(118,196,233)
```

Monochromatic Color

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

#34d3de
```
#34d3de rgb(52,211,222)
```
#34c4de
```
#34c4de rgb(52,196,222)
```
#34b6de
```
#34b6de rgb(52,182,222)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#349ade
```
#349ade rgb(52,154,222)
```
#348cde
```
#348cde rgb(52,140,222)
```
#347ede
```
#347ede rgb(52,126,222)
```

Similar Colors

Text with hexadecimal color #34a8de

This text has a font color of #34a8de.

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

#34a8de background color

This paragraph has a background color of #34a8de.

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

#34a8de border color

This element has a border color of #34a8de.

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

CSS codes

.text {color:#34a8de;}

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

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

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, #030c10 is the darkest color, while #feffff is the lightest one.

#030c10
```
#030c10 rgb(3,12,16)
```
#051821
```
#051821 rgb(5,24,33)
```
#082532
```
#082532 rgb(8,37,50)
```
#0b3143
```
#0b3143 rgb(11,49,67)
```
#0e3e54
```
#0e3e54 rgb(14,62,84)
```
#104a65
```
#104a65 rgb(16,74,101)
```
#135676
```
#135676 rgb(19,86,118)
```
#166386
```
#166386 rgb(22,99,134)
```
#196f97
```
#196f97 rgb(25,111,151)
```
#1b7ba8
```
#1b7ba8 rgb(27,123,168)
```
#1e88b9
```
#1e88b9 rgb(30,136,185)
```
#2194ca
```
#2194ca rgb(33,148,202)
```
#24a1db
```
#24a1db rgb(36,161,219)
```

Shade Color Variation

#34a8de
```
#34a8de rgb(52,168,222)
```
#45afe1
```
#45afe1 rgb(69,175,225)
```
#56b6e3
```
#56b6e3 rgb(86,182,227)
```
#67bee6
```
#67bee6 rgb(103,190,230)
```
#77c5e9
```
#77c5e9 rgb(119,197,233)
```
#88ccec
```
#88ccec rgb(136,204,236)
```
#99d3ee
```
#99d3ee rgb(153,211,238)
```
#aadbf1
```
#aadbf1 rgb(170,219,241)
```
#bbe2f4
```
#bbe2f4 rgb(187,226,244)
```
#cce9f7
```
#cce9f7 rgb(204,233,247)
```
#ddf0f9
```
#ddf0f9 rgb(221,240,249)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#868a8c
```
#868a8c rgb(134,138,140)
```
#7d8e95
```
#7d8e95 rgb(125,142,149)
```
#74919e
```
#74919e rgb(116,145,158)
```
#6a94a8
```
#6a94a8 rgb(106,148,168)
```
#6197b1
```
#6197b1 rgb(97,151,177)
```
#589bba
```
#589bba rgb(88,155,186)
```
#4f9ec3
```
#4f9ec3 rgb(79,158,195)
```
#46a1cc
```
#46a1cc rgb(70,161,204)
```
#3da5d5
```
#3da5d5 rgb(61,165,213)
```
#34a8de
```
#34a8de rgb(52,168,222)
```
#2babe7
```
#2babe7 rgb(43,171,231)
```
#22aff0
```
#22aff0 rgb(34,175,240)
```
#19b2f9
```
#19b2f9 rgb(25,178,249)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7a919c Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a0d7 Protanopia 1% of men
#86a1e4 Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#6fa3d9 Protanomaly 1% of men, 0.01% of women
#68a3e1 Deuteranomaly 6% of men, 0.4% of women
#12aeca Tritanomaly 0.01% of the population

#34a8de hex color

#34a8de Color Information

#34a8de Color Conversion

Color Schemes with #34a8de

Alternatives to #34a8de

#34a8de Preview

Shades and Tints of #34a8de

Tones of #34a8de

Color Blindness Simulator