#34a8fd hex color

In a RGB color space, hex #34a8fd is composed of 20.4% red, 65.9% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 33.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 205.4 degrees, a saturation of 98% and a lightness of 59.8%. #34a8fd color hex could be obtained by blending #68ffff with #0051fb. Closest websafe color is: #3399ff.

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

● #34a8fd color description : Bright blue.

The hexadecimal color #34a8fd has RGB values of R:52, G:168, B:253 and CMYK values of C:0.79, M:0.34, Y:0, K:0.01. Its decimal value is 3451133.

Hex triplet	34a8fd	`#34a8fd`
RGB Decimal	52, 168, 253	`rgb(52,168,253)`
RGB Percent	20.4, 65.9, 99.2	`rgb(20.4%,65.9%,99.2%)`
CMYK	79, 34, 0, 1
HSL	205.4°, 98, 59.8	`hsl(205.4,98%,59.8%)`
HSV (or HSB)	205.4°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.385, -3.177, -51.117
XYZ	33.144, 35.824, 98.091
xyY	0.198, 0.214, 35.824
CIE-LCH	66.385, 51.216, 266.443
CIE-LUV	66.385, -38.433, -82.421
Hunter-Lab	59.853, -5.898, -55.27
Binary	00110100, 10101000, 11111101

#34a8fd
```
#34a8fd rgb(52,168,253)
```
#fd8934
```
#fd8934 rgb(253,137,52)
```

Complementary Color

#34fdee
```
#34fdee rgb(52,253,238)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#3444fd
```
#3444fd rgb(52,68,253)
```

Analogous Color

#fdee34
```
#fdee34 rgb(253,238,52)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#fd3443
```
#fd3443 rgb(253,52,67)
```

Split Complementary Color

#a8fd34
```
#a8fd34 rgb(168,253,52)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#fd34a8
```
#fd34a8 rgb(253,52,168)
```

Triadic Color

#34fd89
```
#34fd89 rgb(52,253,137)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#fd34a8
```
#fd34a8 rgb(253,52,168)
```
#fd8934
```
#fd8934 rgb(253,137,52)
```

Tetradic Color

#0284e2
```
#0284e2 rgb(2,132,226)
```
#0292fc
```
#0292fc rgb(2,146,252)
```
#1b9dfd
```
#1b9dfd rgb(27,157,253)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#4db3fd
```
#4db3fd rgb(77,179,253)
```
#67befd
```
#67befd rgb(103,190,253)
```
#80c8fe
```
#80c8fe rgb(128,200,254)
```

Monochromatic Color

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

#34dafd
```
#34dafd rgb(52,218,253)
```
#34cafd
```
#34cafd rgb(52,202,253)
```
#34b9fd
```
#34b9fd rgb(52,185,253)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#3497fd
```
#3497fd rgb(52,151,253)
```
#3487fd
```
#3487fd rgb(52,135,253)
```
#3476fd
```
#3476fd rgb(52,118,253)
```

Similar Colors

Text with hexadecimal color #34a8fd

This text has a font color of #34a8fd.

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

#34a8fd background color

This paragraph has a background color of #34a8fd.

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

#34a8fd border color

This element has a border color of #34a8fd.

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

CSS codes

.text {color:#34a8fd;}

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

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

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

#00060b
```
#00060b rgb(0,6,11)
```
#00111e
```
#00111e rgb(0,17,30)
```
#001d32
```
#001d32 rgb(0,29,50)
```
#012845
```
#012845 rgb(1,40,69)
```
#013358
```
#013358 rgb(1,51,88)
```
#013f6c
```
#013f6c rgb(1,63,108)
```
#014a7f
```
#014a7f rgb(1,74,127)
```
#015593
```
#015593 rgb(1,85,147)
```
#0261a6
```
#0261a6 rgb(2,97,166)
```
#026cb9
```
#026cb9 rgb(2,108,185)
```
#0277cd
```
#0277cd rgb(2,119,205)
```
#0282e0
```
#0282e0 rgb(2,130,224)
```
#028ef4
```
#028ef4 rgb(2,142,244)
```

Shade Color Variation

#0d97fd
```
#0d97fd rgb(13,151,253)
```
#21a0fd
```
#21a0fd rgb(33,160,253)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```
#47b0fd
```
#47b0fd rgb(71,176,253)
```
#5bb9fd
```
#5bb9fd rgb(91,185,253)
```
#6ec1fe
```
#6ec1fe rgb(110,193,254)
```
#82c9fe
```
#82c9fe rgb(130,201,254)
```
#95d2fe
```
#95d2fe rgb(149,210,254)
```
#a9dafe
```
#a9dafe rgb(169,218,254)
```
#bce2fe
```
#bce2fe rgb(188,226,254)
```
#cfebff
```
#cfebff rgb(207,235,255)
```
#e3f3ff
```
#e3f3ff rgb(227,243,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

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

#93999e
```
#93999e rgb(147,153,158)
```
#8b9ba6
```
#8b9ba6 rgb(139,155,166)
```
#839cae
```
#839cae rgb(131,156,174)
```
#7b9db6
```
#7b9db6 rgb(123,157,182)
```
#739ebe
```
#739ebe rgb(115,158,190)
```
#6b9fc6
```
#6b9fc6 rgb(107,159,198)
```
#63a1ce
```
#63a1ce rgb(99,161,206)
```
#5ba2d6
```
#5ba2d6 rgb(91,162,214)
```
#54a3dd
```
#54a3dd rgb(84,163,221)
```
#4ca4e5
```
#4ca4e5 rgb(76,164,229)
```
#44a6ed
```
#44a6ed rgb(68,166,237)
```
#3ca7f5
```
#3ca7f5 rgb(60,167,245)
```
#34a8fd
```
#34a8fd rgb(52,168,253)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7d94a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#86a3f6 Protanopia 1% of men
#6da6ff Deuteranopia 1% of men
#00b6c2 Tritanopia 0.001% of the population

Trichromacy

#68a5f8 Protanomaly 1% of men, 0.01% of women
#58a7fe Deuteranomaly 6% of men, 0.4% of women
#12b1d7 Tritanomaly 0.01% of the population

#34a8fd hex color

#34a8fd Color Information

#34a8fd Color Conversion

Color Schemes with #34a8fd

Alternatives to #34a8fd

#34a8fd Preview

Shades and Tints of #34a8fd

Tones of #34a8fd

Color Blindness Simulator