#34c3fa hex color

In a RGB color space, hex #34c3fa is composed of 20.4% red, 76.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 22% magenta, 0% yellow and 2% black. It has a hue angle of 196.7 degrees, a saturation of 95.2% and a lightness of 59.2%. #34c3fa color hex could be obtained by blending #68ffff with #0087f5. Closest websafe color is: #33ccff.

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

● #34c3fa color description : Bright blue.

The hexadecimal color #34c3fa has RGB values of R:52, G:195, B:250 and CMYK values of C:0.79, M:0.22, Y:0, K:0.02. Its decimal value is 3458042.

Hex triplet	34c3fa	`#34c3fa`
RGB Decimal	52, 195, 250	`rgb(52,195,250)`
RGB Percent	20.4, 76.5, 98	`rgb(20.4%,76.5%,98%)`
CMYK	79, 22, 0, 2
HSL	196.7°, 95.2, 59.2	`hsl(196.7,95.2%,59.2%)`
HSV (or HSB)	196.7°, 79.2, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	73.971, -18.877, -37.604
XYZ	38.182, 46.659, 97.431
xyY	0.209, 0.256, 46.659
CIE-LCH	73.971, 42.076, 243.344
CIE-LUV	73.971, -47.708, -58.446
Hunter-Lab	68.307, -19.761, -36.754
Binary	00110100, 11000011, 11111010

#34c3fa
```
#34c3fa rgb(52,195,250)
```
#fa6b34
```
#fa6b34 rgb(250,107,52)
```

Complementary Color

#34face
```
#34face rgb(52,250,206)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#3460fa
```
#3460fa rgb(52,96,250)
```

Analogous Color

#face34
```
#face34 rgb(250,206,52)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#fa3460
```
#fa3460 rgb(250,52,96)
```

Split Complementary Color

#c3fa34
```
#c3fa34 rgb(195,250,52)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#fa34c3
```
#fa34c3 rgb(250,52,195)
```

Triadic Color

#34fa6b
```
#34fa6b rgb(52,250,107)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#fa34c3
```
#fa34c3 rgb(250,52,195)
```
#fa6b34
```
#fa6b34 rgb(250,107,52)
```

Tetradic Color

#05a0dc
```
#05a0dc rgb(5,160,220)
```
#06b3f5
```
#06b3f5 rgb(6,179,245)
```
#1bbcf9
```
#1bbcf9 rgb(27,188,249)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#4dcafb
```
#4dcafb rgb(77,202,251)
```
#66d2fb
```
#66d2fb rgb(102,210,251)
```
#7fd9fc
```
#7fd9fc rgb(127,217,252)
```

Monochromatic Color

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

#34f5fa
```
#34f5fa rgb(52,245,250)
```
#34e4fa
```
#34e4fa rgb(52,228,250)
```
#34d4fa
```
#34d4fa rgb(52,212,250)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#34b3fa
```
#34b3fa rgb(52,179,250)
```
#34a2fa
```
#34a2fa rgb(52,162,250)
```
#3492fa
```
#3492fa rgb(52,146,250)
```

Similar Colors

Text with hexadecimal color #34c3fa

This text has a font color of #34c3fa.

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

#34c3fa background color

This paragraph has a background color of #34c3fa.

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

#34c3fa border color

This element has a border color of #34c3fa.

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

CSS codes

.text {color:#34c3fa;}

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

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

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

#000608
```
#000608 rgb(0,6,8)
```
#01131b
```
#01131b rgb(1,19,27)
```
#01212e
```
#01212e rgb(1,33,46)
```
#022f41
```
#022f41 rgb(2,47,65)
```
#023d54
```
#023d54 rgb(2,61,84)
```
#034b67
```
#034b67 rgb(3,75,103)
```
#03597a
```
#03597a rgb(3,89,122)
```
#03678e
```
#03678e rgb(3,103,142)
```
#0475a1
```
#0475a1 rgb(4,117,161)
```
#0483b4
```
#0483b4 rgb(4,131,180)
```
#0591c7
```
#0591c7 rgb(5,145,199)
```
#059fda
```
#059fda rgb(5,159,218)
```
#06aded
```
#06aded rgb(6,173,237)
```

Shade Color Variation

#0eb8f9
```
#0eb8f9 rgb(14,184,249)
```
#21bdfa
```
#21bdfa rgb(33,189,250)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```
#47c9fa
```
#47c9fa rgb(71,201,250)
```
#5acefb
```
#5acefb rgb(90,206,251)
```
#6dd4fb
```
#6dd4fb rgb(109,212,251)
```
#81dafc
```
#81dafc rgb(129,218,252)
```
#94dffc
```
#94dffc rgb(148,223,252)
```
#a7e5fd
```
#a7e5fd rgb(167,229,253)
```
#baebfd
```
#baebfd rgb(186,235,253)
```
#cdf0fe
```
#cdf0fe rgb(205,240,254)
```
#e0f6fe
```
#e0f6fe rgb(224,246,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#94989a
```
#94989a rgb(148,152,154)
```
#8c9ca2
```
#8c9ca2 rgb(140,156,162)
```
#849faa
```
#849faa rgb(132,159,170)
```
#7ca3b2
```
#7ca3b2 rgb(124,163,178)
```
#74a7ba
```
#74a7ba rgb(116,167,186)
```
#6caac2
```
#6caac2 rgb(108,170,194)
```
#64aeca
```
#64aeca rgb(100,174,202)
```
#5cb1d2
```
#5cb1d2 rgb(92,177,210)
```
#54b5da
```
#54b5da rgb(84,181,218)
```
#4cb8e2
```
#4cb8e2 rgb(76,184,226)
```
#44bcea
```
#44bcea rgb(68,188,234)
```
#3cbff2
```
#3cbff2 rgb(60,191,242)
```
#34c3fa
```
#34c3fa rgb(52,195,250)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#8aa6b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8b7f0 Protanopia 1% of men
#9db8ff Deuteranopia 1% of men
#00cbda Tritanopia 0.001% of the population

Trichromacy

#7ebbf3 Protanomaly 1% of men, 0.01% of women
#77bcfd Deuteranomaly 6% of men, 0.4% of women
#12c8e5 Tritanomaly 0.01% of the population

#34c3fa hex color

#34c3fa Color Information

#34c3fa Color Conversion

Color Schemes with #34c3fa

Alternatives to #34c3fa

#34c3fa Preview

Shades and Tints of #34c3fa

Tones of #34c3fa

Color Blindness Simulator