#34b5fc hex color

In a RGB color space, hex #34b5fc is composed of 20.4% red, 71% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 28.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 201.3 degrees, a saturation of 97.1% and a lightness of 59.6%. #34b5fc color hex could be obtained by blending #68ffff with #006bf9. Closest websafe color is: #33ccff.

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

● #34b5fc color description : Bright blue.

The hexadecimal color #34b5fc has RGB values of R:52, G:181, B:252 and CMYK values of C:0.79, M:0.28, Y:0, K:0.01. Its decimal value is 3454460.

Hex triplet	34b5fc	`#34b5fc`
RGB Decimal	52, 181, 252	`rgb(52,181,252)`
RGB Percent	20.4, 71, 98.8	`rgb(20.4%,71%,98.8%)`
CMYK	79, 28, 0, 1
HSL	201.3°, 97.1, 59.6	`hsl(201.3,97.1%,59.6%)`
HSV (or HSB)	201.3°, 79.4, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.038, -10.75, -44.823
XYZ	35.506, 40.803, 98.095
xyY	0.204, 0.234, 40.803
CIE-LCH	70.038, 46.094, 256.514
CIE-LUV	70.038, -42.832, -71.41
Hunter-Lab	63.877, -12.565, -46.336
Binary	00110100, 10110101, 11111100

#34b5fc
```
#34b5fc rgb(52,181,252)
```
#fc7b34
```
#fc7b34 rgb(252,123,52)
```

Complementary Color

#34fcdf
```
#34fcdf rgb(52,252,223)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#3451fc
```
#3451fc rgb(52,81,252)
```

Analogous Color

#fcdf34
```
#fcdf34 rgb(252,223,52)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#fc3451
```
#fc3451 rgb(252,52,81)
```

Split Complementary Color

#b5fc34
```
#b5fc34 rgb(181,252,52)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#fc34b5
```
#fc34b5 rgb(252,52,181)
```

Triadic Color

#34fc7b
```
#34fc7b rgb(52,252,123)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#fc34b5
```
#fc34b5 rgb(252,52,181)
```
#fc7b34
```
#fc7b34 rgb(252,123,52)
```

Tetradic Color

#0392e0
```
#0392e0 rgb(3,146,224)
```
#04a2f9
```
#04a2f9 rgb(4,162,249)
```
#1bacfc
```
#1bacfc rgb(27,172,252)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#4dbefc
```
#4dbefc rgb(77,190,252)
```
#66c7fd
```
#66c7fd rgb(102,199,253)
```
#7fd0fd
```
#7fd0fd rgb(127,208,253)
```

Monochromatic Color

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

#34e7fc
```
#34e7fc rgb(52,231,252)
```
#34d6fc
```
#34d6fc rgb(52,214,252)
```
#34c6fc
```
#34c6fc rgb(52,198,252)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#34a4fc
```
#34a4fc rgb(52,164,252)
```
#3494fc
```
#3494fc rgb(52,148,252)
```
#3483fc
```
#3483fc rgb(52,131,252)
```

Similar Colors

Text with hexadecimal color #34b5fc

This text has a font color of #34b5fc.

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

#34b5fc background color

This paragraph has a background color of #34b5fc.

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

#34b5fc border color

This element has a border color of #34b5fc.

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

CSS codes

.text {color:#34b5fc;}

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

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

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

#00060a
```
#00060a rgb(0,6,10)
```
#00131d
```
#00131d rgb(0,19,29)
```
#011f30
```
#011f30 rgb(1,31,48)
```
#012c44
```
#012c44 rgb(1,44,68)
```
#013957
```
#013957 rgb(1,57,87)
```
#02456a
```
#02456a rgb(2,69,106)
```
#02527e
```
#02527e rgb(2,82,126)
```
#025e91
```
#025e91 rgb(2,94,145)
```
#026ba4
```
#026ba4 rgb(2,107,164)
```
#0377b8
```
#0377b8 rgb(3,119,184)
```
#0384cb
```
#0384cb rgb(3,132,203)
```
#0391de
```
#0391de rgb(3,145,222)
```
#049df2
```
#049df2 rgb(4,157,242)
```

Shade Color Variation

#0da7fb
```
#0da7fb rgb(13,167,251)
```
#21aefc
```
#21aefc rgb(33,174,252)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```
#47bcfc
```
#47bcfc rgb(71,188,252)
```
#5bc3fd
```
#5bc3fd rgb(91,195,253)
```
#6ecafd
```
#6ecafd rgb(110,202,253)
```
#81d1fd
```
#81d1fd rgb(129,209,253)
```
#95d8fd
```
#95d8fd rgb(149,216,253)
```
#a8dffe
```
#a8dffe rgb(168,223,254)
```
#bbe6fe
```
#bbe6fe rgb(187,230,254)
```
#cfedfe
```
#cfedfe rgb(207,237,254)
```
#e2f4ff
```
#e2f4ff rgb(226,244,255)
```
#f5fbff
```
#f5fbff rgb(245,251,255)
```

Tint Color Variation

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

#93999d
```
#93999d rgb(147,153,157)
```
#8b9ca5
```
#8b9ca5 rgb(139,156,165)
```
#839ead
```
#839ead rgb(131,158,173)
```
#7ba0b5
```
#7ba0b5 rgb(123,160,181)
```
#73a3bd
```
#73a3bd rgb(115,163,189)
```
#6ba5c5
```
#6ba5c5 rgb(107,165,197)
```
#64a7cc
```
#64a7cc rgb(100,167,204)
```
#5caad4
```
#5caad4 rgb(92,170,212)
```
#54acdc
```
#54acdc rgb(84,172,220)
```
#4caee4
```
#4caee4 rgb(76,174,228)
```
#44b0ec
```
#44b0ec rgb(68,176,236)
```
#3cb3f4
```
#3cb3f4 rgb(60,179,244)
```
#34b5fc
```
#34b5fc rgb(52,181,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#839dab Atypical Achromatopsia 0.001% of the population

Dichromacy

#97adf3 Protanopia 1% of men
#86afff Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#73b0f6 Protanomaly 1% of men, 0.01% of women
#68b1fd Deuteranomaly 6% of men, 0.4% of women
#12bcde Tritanomaly 0.01% of the population

#34b5fc hex color

#34b5fc Color Information

#34b5fc Color Conversion

Color Schemes with #34b5fc

Alternatives to #34b5fc

#34b5fc Preview

Shades and Tints of #34b5fc

Tones of #34b5fc

Color Blindness Simulator