#34a2ff Color Information
In a RGB color space, hex #34a2ff is composed of 20.4% red, 63.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 36.5% magenta, 0% yellow and 0% black. It has a hue angle of 207.5 degrees, a saturation of 100% and a lightness of 60.2%. #34a2ff color hex could be obtained by blending #68ffff with #0045ff. Closest websafe color is: #3399ff.
-
- R 20
- G 64
- B 100
-
- C 80
- M 36
- Y 0
- K 0
● #34a2ff color description : Light blue.
#34a2ff Color Conversion
The hexadecimal color #34a2ff has RGB values of R:52, G:162, B:255 and CMYK values of C:0.8, M:0.36, Y:0, K:0. Its decimal value is 3449599.
Hex triplet | 34a2ff | #34a2ff |
---|---|---|
RGB Decimal | 52, 162, 255 | rgb(52,162,255) |
RGB Percent | 20.4, 63.5, 100 | rgb(20.4%,63.5%,100%) |
CMYK | 80, 36, 0, 0 | |
HSL | 207.5°, 100, 60.2 | hsl(207.5,100%,60.2%) |
HSV (or HSB) | 207.5°, 79.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 64.794, 0.965, -54.728 |
---|---|
XYZ | 32.382, 33.788, 99.417 |
xyY | 0.196, 0.204, 33.788 |
CIE-LCH | 64.794, 54.736, 271.01 |
CIE-LUV | 64.794, -36.363, -88.63 |
Hunter-Lab | 58.127, -2.282, -60.717 |
Binary | 00110100, 10100010, 11111111 |
Color Schemes with #34a2ff
Alternatives to #34a2ff
Below, you can see some colors close to #34a2ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34a2ff Preview
This text has a font color of #34a2ff.
<span style="color:#34a2ff;">Text here</span>
This paragraph has a background color of #34a2ff.
<p style="background-color:#34a2ff;">Content here</p>
This element has a border color of #34a2ff.
<div style="border:1px solid #34a2ff;">Content here</div>
.text {color:#34a2ff;}
.background {background-color:#34a2ff;}
.border {border:1px solid #34a2ff;}
Shades and Tints of #34a2ff
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, #00070d is the darkest color, while #f8fcff is the lightest one.
-
#00070d
#00070d
rgb(0,7,13)
-
#001220
#001220
rgb(0,18,32)
-
#001c34
#001c34
rgb(0,28,52)
-
#002748
#002748
rgb(0,39,72)
-
#00315b
#00315b
rgb(0,49,91)
-
#003c6f
#003c6f
rgb(0,60,111)
-
#004782
#004782
rgb(0,71,130)
-
#005196
#005196
rgb(0,81,150)
-
#005caa
#005caa
rgb(0,92,170)
-
#0067bd
#0067bd
rgb(0,103,189)
-
#0071d1
#0071d1
rgb(0,113,209)
-
#007ce5
#007ce5
rgb(0,124,229)
-
#0086f8
#0086f8
rgb(0,134,248)
-
#0d90ff
#0d90ff
rgb(13,144,255)
-
#2099ff
#2099ff
rgb(32,153,255)
-
#34a2ff
#34a2ff
rgb(52,162,255)
-
#48abff
#48abff
rgb(72,171,255)
-
#5bb4ff
#5bb4ff
rgb(91,180,255)
-
#6fbdff
#6fbdff
rgb(111,189,255)
-
#82c6ff
#82c6ff
rgb(130,198,255)
-
#96cfff
#96cfff
rgb(150,207,255)
-
#aad8ff
#aad8ff
rgb(170,216,255)
-
#bde1ff
#bde1ff
rgb(189,225,255)
-
#d1eaff
#d1eaff
rgb(209,234,255)
-
#e5f3ff
#e5f3ff
rgb(229,243,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #34a2ff
A tone is produced by adding gray to any pure hue. In this case, #929aa1 is the less saturated color, while #34a2ff is the most saturated one.
-
#929aa1
#929aa1
rgb(146,154,161)
-
#8a9ba9
#8a9ba9
rgb(138,155,169)
-
#829bb1
#829bb1
rgb(130,155,177)
-
#7a9cb9
#7a9cb9
rgb(122,156,185)
-
#729dc1
#729dc1
rgb(114,157,193)
-
#6b9dc8
#6b9dc8
rgb(107,157,200)
-
#639ed0
#639ed0
rgb(99,158,208)
-
#5b9fd8
#5b9fd8
rgb(91,159,216)
-
#539fe0
#539fe0
rgb(83,159,224)
-
#4ba0e8
#4ba0e8
rgb(75,160,232)
-
#44a1ef
#44a1ef
rgb(68,161,239)
-
#3ca1f7
#3ca1f7
rgb(60,161,247)
-
#34a2ff
#34a2ff
rgb(52,162,255)
Color Blindness Simulator
Below, you can see how #34a2ff 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.