colorhexa.com

#34a5fd hex color

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

- R 20
- G 65
- B 99
RGB color chart
- C 79
- M 35
- Y 0
- K 1
CMYK color chart

● #34a5fd color description : Bright blue.

The hexadecimal color #34a5fd has RGB values of R:52, G:165, B:253 and CMYK values of C:0.79, M:0.35, Y:0, K:0.01. Its decimal value is 3450365.

Hex triplet	34a5fd	`#34a5fd`
RGB Decimal	52, 165, 253	`rgb(52,165,253)`
RGB Percent	20.4, 64.7, 99.2	`rgb(20.4%,64.7%,99.2%)`
CMYK	79, 35, 0, 1
HSL	206.3°, 98, 59.8	`hsl(206.3,98%,59.8%)`
HSV (or HSB)	206.3°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.537, -1.47, -52.46
XYZ	32.597, 34.729, 97.909
xyY	0.197, 0.21, 34.729
CIE-LCH	65.537, 52.48, 268.395
CIE-LUV	65.537, -37.443, -84.709
Hunter-Lab	58.932, -4.397, -57.252
Binary	00110100, 10100101, 11111101

#34a5fd
```
#34a5fd rgb(52,165,253)
```
#fd8c34
```
#fd8c34 rgb(253,140,52)
```

Complementary Color

#34fdf1
```
#34fdf1 rgb(52,253,241)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#3440fd
```
#3440fd rgb(52,64,253)
```

Analogous Color

#fdf134
```
#fdf134 rgb(253,241,52)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#fd3440
```
#fd3440 rgb(253,52,64)
```

Split Complementary Color

#a5fd34
```
#a5fd34 rgb(165,253,52)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#fd34a5
```
#fd34a5 rgb(253,52,165)
```

Triadic Color

#34fd8c
```
#34fd8c rgb(52,253,140)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#fd34a5
```
#fd34a5 rgb(253,52,165)
```
#fd8c34
```
#fd8c34 rgb(253,140,52)
```

Tetradic Color

#0280e2
```
#0280e2 rgb(2,128,226)
```
#028efc
```
#028efc rgb(2,142,252)
```
#1b9afd
```
#1b9afd rgb(27,154,253)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#4db0fd
```
#4db0fd rgb(77,176,253)
```
#67bbfd
```
#67bbfd rgb(103,187,253)
```
#80c7fe
```
#80c7fe rgb(128,199,254)
```

Monochromatic Color

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

#34d7fd
```
#34d7fd rgb(52,215,253)
```
#34c7fd
```
#34c7fd rgb(52,199,253)
```
#34b6fd
```
#34b6fd rgb(52,182,253)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#3494fd
```
#3494fd rgb(52,148,253)
```
#3484fd
```
#3484fd rgb(52,132,253)
```
#3473fd
```
#3473fd rgb(52,115,253)
```

Similar Colors

Text with hexadecimal color #34a5fd

This text has a font color of #34a5fd.

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

#34a5fd background color

This paragraph has a background color of #34a5fd.

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

#34a5fd border color

This element has a border color of #34a5fd.

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

CSS codes

.text {color:#34a5fd;}

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

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

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)
```
#001c32
```
#001c32 rgb(0,28,50)
```
#012745
```
#012745 rgb(1,39,69)
```
#013258
```
#013258 rgb(1,50,88)
```
#013d6c
```
#013d6c rgb(1,61,108)
```
#01487f
```
#01487f rgb(1,72,127)
```
#015393
```
#015393 rgb(1,83,147)
```
#025ea6
```
#025ea6 rgb(2,94,166)
```
#0269b9
```
#0269b9 rgb(2,105,185)
```
#0274cd
```
#0274cd rgb(2,116,205)
```
#027fe0
```
#027fe0 rgb(2,127,224)
```
#028af4
```
#028af4 rgb(2,138,244)
```

Shade Color Variation

#0d94fd
```
#0d94fd rgb(13,148,253)
```
#219cfd
```
#219cfd rgb(33,156,253)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```
#47aefd
```
#47aefd rgb(71,174,253)
```
#5bb6fd
```
#5bb6fd rgb(91,182,253)
```
#6ebffe
```
#6ebffe rgb(110,191,254)
```
#82c7fe
```
#82c7fe rgb(130,199,254)
```
#95d0fe
```
#95d0fe rgb(149,208,254)
```
#a9d9fe
```
#a9d9fe rgb(169,217,254)
```
#bce1fe
```
#bce1fe rgb(188,225,254)
```
#cfeaff
```
#cfeaff rgb(207,234,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 #34a5fd is the most saturated one.

#93999e
```
#93999e rgb(147,153,158)
```
#8b9aa6
```
#8b9aa6 rgb(139,154,166)
```
#839bae
```
#839bae rgb(131,155,174)
```
#7b9cb6
```
#7b9cb6 rgb(123,156,182)
```
#739dbe
```
#739dbe rgb(115,157,190)
```
#6b9ec6
```
#6b9ec6 rgb(107,158,198)
```
#639fce
```
#639fce rgb(99,159,206)
```
#5ba0d6
```
#5ba0d6 rgb(91,160,214)
```
#54a1dd
```
#54a1dd rgb(84,161,221)
```
#4ca2e5
```
#4ca2e5 rgb(76,162,229)
```
#44a3ed
```
#44a3ed rgb(68,163,237)
```
#3ca4f5
```
#3ca4f5 rgb(60,164,245)
```
#34a5fd
```
#34a5fd rgb(52,165,253)
```

Tone Color Variation

Below, you can see how #34a5fd 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
#7b92a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a1f6 Protanopia 1% of men
#66a4ff Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#65a2f8 Protanomaly 1% of men, 0.01% of women
#54a4fe Deuteranomaly 6% of men, 0.4% of women
#12aed6 Tritanomaly 0.01% of the population