#34affc hex color

In a RGB color space, hex #34affc is composed of 20.4% red, 68.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 30.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 203.1 degrees, a saturation of 97.1% and a lightness of 59.6%. #34affc color hex could be obtained by blending #68ffff with #005ff9. Closest websafe color is: #3399ff.

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

● #34affc color description : Bright blue.

The hexadecimal color #34affc has RGB values of R:52, G:175, B:252 and CMYK values of C:0.79, M:0.31, Y:0, K:0.01. Its decimal value is 3452924.

Hex triplet	34affc	`#34affc`
RGB Decimal	52, 175, 252	`rgb(52,175,252)`
RGB Percent	20.4, 68.6, 98.8	`rgb(20.4%,68.6%,98.8%)`
CMYK	79, 31, 0, 1
HSL	203.1°, 97.1, 59.6	`hsl(203.1,97.1%,59.6%)`
HSV (or HSB)	203.1°, 79.4, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.326, -7.452, -47.513
XYZ	34.313, 38.415, 97.697
xyY	0.201, 0.225, 38.415
CIE-LCH	68.326, 48.094, 261.086
CIE-LUV	68.326, -40.817, -76.146
Hunter-Lab	61.98, -9.646, -50.07
Binary	00110100, 10101111, 11111100

#34affc
```
#34affc rgb(52,175,252)
```
#fc8134
```
#fc8134 rgb(252,129,52)
```

Complementary Color

#34fce5
```
#34fce5 rgb(52,252,229)
```
#34affc
```
#34affc rgb(52,175,252)
```
#344bfc
```
#344bfc rgb(52,75,252)
```

Analogous Color

#fce534
```
#fce534 rgb(252,229,52)
```
#34affc
```
#34affc rgb(52,175,252)
```
#fc344b
```
#fc344b rgb(252,52,75)
```

Split Complementary Color

#affc34
```
#affc34 rgb(175,252,52)
```
#34affc
```
#34affc rgb(52,175,252)
```
#fc34af
```
#fc34af rgb(252,52,175)
```

Triadic Color

#34fc81
```
#34fc81 rgb(52,252,129)
```
#34affc
```
#34affc rgb(52,175,252)
```
#fc34af
```
#fc34af rgb(252,52,175)
```
#fc8134
```
#fc8134 rgb(252,129,52)
```

Tetradic Color

#038be0
```
#038be0 rgb(3,139,224)
```
#049bf9
```
#049bf9 rgb(4,155,249)
```
#1ba5fc
```
#1ba5fc rgb(27,165,252)
```
#34affc
```
#34affc rgb(52,175,252)
```
#4db9fc
```
#4db9fc rgb(77,185,252)
```
#66c3fd
```
#66c3fd rgb(102,195,253)
```
#7fcdfd
```
#7fcdfd rgb(127,205,253)
```

Monochromatic Color

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

#34e1fc
```
#34e1fc rgb(52,225,252)
```
#34d0fc
```
#34d0fc rgb(52,208,252)
```
#34c0fc
```
#34c0fc rgb(52,192,252)
```
#34affc
```
#34affc rgb(52,175,252)
```
#349efc
```
#349efc rgb(52,158,252)
```
#348efc
```
#348efc rgb(52,142,252)
```
#347dfc
```
#347dfc rgb(52,125,252)
```

Similar Colors

Text with hexadecimal color #34affc

This text has a font color of #34affc.

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

#34affc background color

This paragraph has a background color of #34affc.

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

#34affc border color

This element has a border color of #34affc.

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

CSS codes

.text {color:#34affc;}

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

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

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)
```
#00121d
```
#00121d rgb(0,18,29)
```
#011e30
```
#011e30 rgb(1,30,48)
```
#012a44
```
#012a44 rgb(1,42,68)
```
#013657
```
#013657 rgb(1,54,87)
```
#02426a
```
#02426a rgb(2,66,106)
```
#024e7e
```
#024e7e rgb(2,78,126)
```
#025a91
```
#025a91 rgb(2,90,145)
```
#0266a4
```
#0266a4 rgb(2,102,164)
```
#0372b8
```
#0372b8 rgb(3,114,184)
```
#037ecb
```
#037ecb rgb(3,126,203)
```
#038ade
```
#038ade rgb(3,138,222)
```
#0496f2
```
#0496f2 rgb(4,150,242)
```

Shade Color Variation

#0da0fb
```
#0da0fb rgb(13,160,251)
```
#21a7fc
```
#21a7fc rgb(33,167,252)
```
#34affc
```
#34affc rgb(52,175,252)
```
#47b7fc
```
#47b7fc rgb(71,183,252)
```
#5bbefd
```
#5bbefd rgb(91,190,253)
```
#6ec6fd
```
#6ec6fd rgb(110,198,253)
```
#81cdfd
```
#81cdfd rgb(129,205,253)
```
#95d5fd
```
#95d5fd rgb(149,213,253)
```
#a8ddfe
```
#a8ddfe rgb(168,221,254)
```
#bbe4fe
```
#bbe4fe rgb(187,228,254)
```
#cfecfe
```
#cfecfe rgb(207,236,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 #34affc is the most saturated one.

#93999d
```
#93999d rgb(147,153,157)
```
#8b9ba5
```
#8b9ba5 rgb(139,155,165)
```
#839dad
```
#839dad rgb(131,157,173)
```
#7b9fb5
```
#7b9fb5 rgb(123,159,181)
```
#73a0bd
```
#73a0bd rgb(115,160,189)
```
#6ba2c5
```
#6ba2c5 rgb(107,162,197)
```
#64a4cc
```
#64a4cc rgb(100,164,204)
```
#5ca6d4
```
#5ca6d4 rgb(92,166,212)
```
#54a8dc
```
#54a8dc rgb(84,168,220)
```
#4caae4
```
#4caae4 rgb(76,170,228)
```
#44abec
```
#44abec rgb(68,171,236)
```
#3cadf4
```
#3cadf4 rgb(60,173,244)
```
#34affc
```
#34affc rgb(52,175,252)
```

Tone Color Variation

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

#939393 Achromatopsia 0.005% of the population
#8099a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8fa8f4 Protanopia 1% of men
#7babff Deuteranopia 1% of men
#00bbc8 Tritanopia 0.001% of the population

Trichromacy

#6eaaf7 Protanomaly 1% of men, 0.01% of women
#61acfd Deuteranomaly 6% of men, 0.4% of women
#12b7db Tritanomaly 0.01% of the population

#34affc hex color

#34affc Color Information

#34affc Color Conversion

Color Schemes with #34affc

Alternatives to #34affc

#34affc Preview

Shades and Tints of #34affc

Tones of #34affc

Color Blindness Simulator