#34a0fd hex color

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

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

● #34a0fd color description : Bright blue.

The hexadecimal color #34a0fd has RGB values of R:52, G:160, B:253 and CMYK values of C:0.79, M:0.37, Y:0, K:0.01. Its decimal value is 3449085.

Hex triplet	34a0fd	`#34a0fd`
RGB Decimal	52, 160, 253	`rgb(52,160,253)`
RGB Percent	20.4, 62.7, 99.2	`rgb(20.4%,62.7%,99.2%)`
CMYK	79, 37, 0, 1
HSL	207.8°, 98, 59.8	`hsl(207.8,98%,59.8%)`
HSV (or HSB)	207.8°, 79.4, 99.2
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.129, 1.406, -54.694
XYZ	31.712, 32.961, 97.614
xyY	0.195, 0.203, 32.961
CIE-LCH	64.129, 54.712, 271.472
CIE-LUV	64.129, -35.806, -88.465
Hunter-Lab	57.412, -1.872, -60.62
Binary	00110100, 10100000, 11111101

#34a0fd
```
#34a0fd rgb(52,160,253)
```
#fd9134
```
#fd9134 rgb(253,145,52)
```

Complementary Color

#34fdf6
```
#34fdf6 rgb(52,253,246)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#343bfd
```
#343bfd rgb(52,59,253)
```

Analogous Color

#fdf634
```
#fdf634 rgb(253,246,52)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#fd343b
```
#fd343b rgb(253,52,59)
```

Split Complementary Color

#a0fd34
```
#a0fd34 rgb(160,253,52)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#fd34a0
```
#fd34a0 rgb(253,52,160)
```

Triadic Color

#34fd91
```
#34fd91 rgb(52,253,145)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#fd34a0
```
#fd34a0 rgb(253,52,160)
```
#fd9134
```
#fd9134 rgb(253,145,52)
```

Tetradic Color

#027be2
```
#027be2 rgb(2,123,226)
```
#0288fc
```
#0288fc rgb(2,136,252)
```
#1b94fd
```
#1b94fd rgb(27,148,253)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#4dacfd
```
#4dacfd rgb(77,172,253)
```
#67b8fd
```
#67b8fd rgb(103,184,253)
```
#80c3fe
```
#80c3fe rgb(128,195,254)
```

Monochromatic Color

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

#34d2fd
```
#34d2fd rgb(52,210,253)
```
#34c2fd
```
#34c2fd rgb(52,194,253)
```
#34b1fd
```
#34b1fd rgb(52,177,253)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#348ffd
```
#348ffd rgb(52,143,253)
```
#347ffd
```
#347ffd rgb(52,127,253)
```
#346efd
```
#346efd rgb(52,110,253)
```

Similar Colors

Text with hexadecimal color #34a0fd

This text has a font color of #34a0fd.

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

#34a0fd background color

This paragraph has a background color of #34a0fd.

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

#34a0fd border color

This element has a border color of #34a0fd.

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

CSS codes

.text {color:#34a0fd;}

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

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

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)
```
#00101e
```
#00101e rgb(0,16,30)
```
#001b32
```
#001b32 rgb(0,27,50)
```
#012545
```
#012545 rgb(1,37,69)
```
#013058
```
#013058 rgb(1,48,88)
```
#013a6c
```
#013a6c rgb(1,58,108)
```
#01457f
```
#01457f rgb(1,69,127)
```
#014f93
```
#014f93 rgb(1,79,147)
```
#025aa6
```
#025aa6 rgb(2,90,166)
```
#0265b9
```
#0265b9 rgb(2,101,185)
```
#026fcd
```
#026fcd rgb(2,111,205)
```
#027ae0
```
#027ae0 rgb(2,122,224)
```
#0284f4
```
#0284f4 rgb(2,132,244)
```

Shade Color Variation

#0d8efd
```
#0d8efd rgb(13,142,253)
```
#2197fd
```
#2197fd rgb(33,151,253)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```
#47a9fd
```
#47a9fd rgb(71,169,253)
```
#5bb2fd
```
#5bb2fd rgb(91,178,253)
```
#6ebbfe
```
#6ebbfe rgb(110,187,254)
```
#82c4fe
```
#82c4fe rgb(130,196,254)
```
#95cdfe
```
#95cdfe rgb(149,205,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 #34a0fd is the most saturated one.

#93999e
```
#93999e rgb(147,153,158)
```
#8b9aa6
```
#8b9aa6 rgb(139,154,166)
```
#839aae
```
#839aae rgb(131,154,174)
```
#7b9bb6
```
#7b9bb6 rgb(123,155,182)
```
#739bbe
```
#739bbe rgb(115,155,190)
```
#6b9cc6
```
#6b9cc6 rgb(107,156,198)
```
#639cce
```
#639cce rgb(99,156,206)
```
#5b9dd6
```
#5b9dd6 rgb(91,157,214)
```
#549edd
```
#549edd rgb(84,158,221)
```
#4c9ee5
```
#4c9ee5 rgb(76,158,229)
```
#449fed
```
#449fed rgb(68,159,237)
```
#3c9ff5
```
#3c9ff5 rgb(60,159,245)
```
#34a0fd
```
#34a0fd rgb(52,160,253)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#798ea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a9df7 Protanopia 1% of men
#5ba1fe Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#619ef9 Protanomaly 1% of men, 0.01% of women
#4da1fd Deuteranomaly 6% of men, 0.4% of women
#12aad3 Tritanomaly 0.01% of the population

#34a0fd hex color

#34a0fd Color Information

#34a0fd Color Conversion

Color Schemes with #34a0fd

Alternatives to #34a0fd

#34a0fd Preview

Shades and Tints of #34a0fd

Tones of #34a0fd

Color Blindness Simulator