#34a7fa hex color

In a RGB color space, hex #34a7fa is composed of 20.4% red, 65.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 33.2% magenta, 0% yellow and 2% black. It has a hue angle of 205.2 degrees, a saturation of 95.2% and a lightness of 59.2%. #34a7fa color hex could be obtained by blending #68ffff with #004ff5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 20
- G 65
- B 98
RGB color chart
- C 79
- M 33
- Y 0
- K 2
CMYK color chart

● #34a7fa color description : Bright blue.

The hexadecimal color #34a7fa has RGB values of R:52, G:167, B:250 and CMYK values of C:0.79, M:0.33, Y:0, K:0.02. Its decimal value is 3450874.

Hex triplet	34a7fa	`#34a7fa`
RGB Decimal	52, 167, 250	`rgb(52,167,250)`
RGB Percent	20.4, 65.5, 98	`rgb(20.4%,65.5%,98%)`
CMYK	79, 33, 0, 2
HSL	205.2°, 95.2, 59.2	`hsl(205.2,95.2%,59.2%)`
HSV (or HSB)	205.2°, 79.2, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.956, -3.67, -50.164
XYZ	32.486, 35.267, 95.532
xyY	0.199, 0.216, 35.267
CIE-LCH	65.956, 50.298, 265.815
CIE-LUV	65.956, -38.258, -80.667
Hunter-Lab	59.386, -6.28, -53.808
Binary	00110100, 10100111, 11111010

#34a7fa
```
#34a7fa rgb(52,167,250)
```
#fa8734
```
#fa8734 rgb(250,135,52)
```

Complementary Color

#34faea
```
#34faea rgb(52,250,234)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#3444fa
```
#3444fa rgb(52,68,250)
```

Analogous Color

#faea34
```
#faea34 rgb(250,234,52)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#fa3444
```
#fa3444 rgb(250,52,68)
```

Split Complementary Color

#a7fa34
```
#a7fa34 rgb(167,250,52)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#fa34a7
```
#fa34a7 rgb(250,52,167)
```

Triadic Color

#34fa87
```
#34fa87 rgb(52,250,135)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#fa34a7
```
#fa34a7 rgb(250,52,167)
```
#fa8734
```
#fa8734 rgb(250,135,52)
```

Tetradic Color

#0582dc
```
#0582dc rgb(5,130,220)
```
#0691f5
```
#0691f5 rgb(6,145,245)
```
#1b9cf9
```
#1b9cf9 rgb(27,156,249)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#4db2fb
```
#4db2fb rgb(77,178,251)
```
#66bdfb
```
#66bdfb rgb(102,189,251)
```
#7fc7fc
```
#7fc7fc rgb(127,199,252)
```

Monochromatic Color

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

#34d9fa
```
#34d9fa rgb(52,217,250)
```
#34c8fa
```
#34c8fa rgb(52,200,250)
```
#34b8fa
```
#34b8fa rgb(52,184,250)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#3497fa
```
#3497fa rgb(52,151,250)
```
#3486fa
```
#3486fa rgb(52,134,250)
```
#3476fa
```
#3476fa rgb(52,118,250)
```

Similar Colors

Text with hexadecimal color #34a7fa

This text has a font color of #34a7fa.

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

#34a7fa background color

This paragraph has a background color of #34a7fa.

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

#34a7fa border color

This element has a border color of #34a7fa.

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

CSS codes

.text {color:#34a7fa;}

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

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

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

#000408
```
#000408 rgb(0,4,8)
```
#01101b
```
#01101b rgb(1,16,27)
```
#011b2e
```
#011b2e rgb(1,27,46)
```
#022641
```
#022641 rgb(2,38,65)
```
#023254
```
#023254 rgb(2,50,84)
```
#033d67
```
#033d67 rgb(3,61,103)
```
#03487a
```
#03487a rgb(3,72,122)
```
#03548e
```
#03548e rgb(3,84,142)
```
#045fa1
```
#045fa1 rgb(4,95,161)
```
#046ab4
```
#046ab4 rgb(4,106,180)
```
#0576c7
```
#0576c7 rgb(5,118,199)
```
#0581da
```
#0581da rgb(5,129,218)
```
#068ced
```
#068ced rgb(6,140,237)
```

Shade Color Variation

#0e96f9
```
#0e96f9 rgb(14,150,249)
```
#219ffa
```
#219ffa rgb(33,159,250)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```
#47affa
```
#47affa rgb(71,175,250)
```
#5ab8fb
```
#5ab8fb rgb(90,184,251)
```
#6dc0fb
```
#6dc0fb rgb(109,192,251)
```
#81c8fc
```
#81c8fc rgb(129,200,252)
```
#94d0fc
```
#94d0fc rgb(148,208,252)
```
#a7d9fd
```
#a7d9fd rgb(167,217,253)
```
#bae1fd
```
#bae1fd rgb(186,225,253)
```
#cde9fe
```
#cde9fe rgb(205,233,254)
```
#e0f2fe
```
#e0f2fe rgb(224,242,254)
```
#f3faff
```
#f3faff rgb(243,250,255)
```

Tint Color Variation

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

#94979a
```
#94979a rgb(148,151,154)
```
#8c99a2
```
#8c99a2 rgb(140,153,162)
```
#849aaa
```
#849aaa rgb(132,154,170)
```
#7c9bb2
```
#7c9bb2 rgb(124,155,178)
```
#749dba
```
#749dba rgb(116,157,186)
```
#6c9ec2
```
#6c9ec2 rgb(108,158,194)
```
#649fca
```
#649fca rgb(100,159,202)
```
#5ca1d2
```
#5ca1d2 rgb(92,161,210)
```
#54a2da
```
#54a2da rgb(84,162,218)
```
#4ca3e2
```
#4ca3e2 rgb(76,163,226)
```
#44a4ea
```
#44a4ea rgb(68,164,234)
```
#3ca6f2
```
#3ca6f2 rgb(60,166,242)
```
#34a7fa
```
#34a7fa rgb(52,167,250)
```

Tone Color Variation

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

Dichromacy

#86a2f3 Protanopia 1% of men
#6da5fc Deuteranopia 1% of men
#00b5c1 Tritanopia 0.001% of the population

Trichromacy

#68a4f5 Protanomaly 1% of men, 0.01% of women
#58a6fb Deuteranomaly 6% of men, 0.4% of women
#12b0d6 Tritanomaly 0.01% of the population

#34a7fa hex color

#34a7fa Color Information

#34a7fa Color Conversion

Color Schemes with #34a7fa

Alternatives to #34a7fa

#34a7fa Preview

Shades and Tints of #34a7fa

Tones of #34a7fa

Color Blindness Simulator