#34a2fd hex color

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

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

● #34a2fd color description : Bright blue.

The hexadecimal color #34a2fd has RGB values of R:52, G:162, B:253 and CMYK values of C:0.79, M:0.36, Y:0, K:0.01. Its decimal value is 3449597.

Hex triplet	34a2fd	`#34a2fd`
RGB Decimal	52, 162, 253	`rgb(52,162,253)`
RGB Percent	20.4, 63.5, 99.2	`rgb(20.4%,63.5%,99.2%)`
CMYK	79, 36, 0, 1
HSL	207.2°, 98, 59.8	`hsl(207.2,98%,59.8%)`
HSV (or HSB)	207.2°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.692, 0.251, -53.801
XYZ	32.062, 33.66, 97.73
xyY	0.196, 0.206, 33.66
CIE-LCH	64.692, 53.801, 270.267
CIE-LUV	64.692, -36.459, -86.972
Hunter-Lab	58.017, -2.886, -59.263
Binary	00110100, 10100010, 11111101

#34a2fd
```
#34a2fd rgb(52,162,253)
```
#fd8f34
```
#fd8f34 rgb(253,143,52)
```

Complementary Color

#34fdf4
```
#34fdf4 rgb(52,253,244)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#343dfd
```
#343dfd rgb(52,61,253)
```

Analogous Color

#fdf434
```
#fdf434 rgb(253,244,52)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#fd343e
```
#fd343e rgb(253,52,62)
```

Split Complementary Color

#a2fd34
```
#a2fd34 rgb(162,253,52)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#fd34a2
```
#fd34a2 rgb(253,52,162)
```

Triadic Color

#34fd8f
```
#34fd8f rgb(52,253,143)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#fd34a2
```
#fd34a2 rgb(253,52,162)
```
#fd8f34
```
#fd8f34 rgb(253,143,52)
```

Tetradic Color

#027de2
```
#027de2 rgb(2,125,226)
```
#028bfc
```
#028bfc rgb(2,139,252)
```
#1b96fd
```
#1b96fd rgb(27,150,253)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#4daefd
```
#4daefd rgb(77,174,253)
```
#67b9fd
```
#67b9fd rgb(103,185,253)
```
#80c5fe
```
#80c5fe rgb(128,197,254)
```

Monochromatic Color

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

#34d4fd
```
#34d4fd rgb(52,212,253)
```
#34c4fd
```
#34c4fd rgb(52,196,253)
```
#34b3fd
```
#34b3fd rgb(52,179,253)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#3491fd
```
#3491fd rgb(52,145,253)
```
#3481fd
```
#3481fd rgb(52,129,253)
```
#3470fd
```
#3470fd rgb(52,112,253)
```

Similar Colors

Text with hexadecimal color #34a2fd

This text has a font color of #34a2fd.

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

#34a2fd background color

This paragraph has a background color of #34a2fd.

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

#34a2fd border color

This element has a border color of #34a2fd.

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

CSS codes

.text {color:#34a2fd;}

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

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

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)
```
#001b32
```
#001b32 rgb(0,27,50)
```
#012645
```
#012645 rgb(1,38,69)
```
#013158
```
#013158 rgb(1,49,88)
```
#013b6c
```
#013b6c rgb(1,59,108)
```
#01467f
```
#01467f rgb(1,70,127)
```
#015193
```
#015193 rgb(1,81,147)
```
#025ca6
```
#025ca6 rgb(2,92,166)
```
#0266b9
```
#0266b9 rgb(2,102,185)
```
#0271cd
```
#0271cd rgb(2,113,205)
```
#027ce0
```
#027ce0 rgb(2,124,224)
```
#0286f4
```
#0286f4 rgb(2,134,244)
```

Shade Color Variation

#0d90fd
```
#0d90fd rgb(13,144,253)
```
#2199fd
```
#2199fd rgb(33,153,253)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```
#47abfd
```
#47abfd rgb(71,171,253)
```
#5bb4fd
```
#5bb4fd rgb(91,180,253)
```
#6ebdfe
```
#6ebdfe rgb(110,189,254)
```
#82c6fe
```
#82c6fe rgb(130,198,254)
```
#95cefe
```
#95cefe rgb(149,206,254)
```
#a9d7fe
```
#a9d7fe rgb(169,215,254)
```
#bce0fe
```
#bce0fe rgb(188,224,254)
```
#cfe9ff
```
#cfe9ff rgb(207,233,255)
```
#e3f2ff
```
#e3f2ff rgb(227,242,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 #34a2fd is the most saturated one.

#93999e
```
#93999e rgb(147,153,158)
```
#8b9aa6
```
#8b9aa6 rgb(139,154,166)
```
#839bae
```
#839bae rgb(131,155,174)
```
#7b9bb6
```
#7b9bb6 rgb(123,155,182)
```
#739cbe
```
#739cbe rgb(115,156,190)
```
#6b9dc6
```
#6b9dc6 rgb(107,157,198)
```
#639ece
```
#639ece rgb(99,158,206)
```
#5b9ed6
```
#5b9ed6 rgb(91,158,214)
```
#549fdd
```
#549fdd rgb(84,159,221)
```
#4ca0e5
```
#4ca0e5 rgb(76,160,229)
```
#44a1ed
```
#44a1ed rgb(68,161,237)
```
#3ca1f5
```
#3ca1f5 rgb(60,161,245)
```
#34a2fd
```
#34a2fd rgb(52,162,253)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#7a90a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d9ff7 Protanopia 1% of men
#60a2fe Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#62a0f9 Protanomaly 1% of men, 0.01% of women
#50a2fe Deuteranomaly 6% of men, 0.4% of women
#12acd4 Tritanomaly 0.01% of the population

#34a2fd hex color

#34a2fd Color Information

#34a2fd Color Conversion

Color Schemes with #34a2fd

Alternatives to #34a2fd

#34a2fd Preview

Shades and Tints of #34a2fd

Tones of #34a2fd

Color Blindness Simulator