#34a5f8 Color Information
In a RGB color space, hex #34a5f8 is composed of 20.4% red, 64.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 33.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 205.4 degrees, a saturation of 93.3% and a lightness of 58.8%. #34a5f8 color hex could be obtained by blending #68ffff with #004bf1. Closest websafe color is: #3399ff.
-
- R 20
- G 65
- B 97
-
- C 79
- M 33
- Y 0
- K 3
● #34a5f8 color description : Bright blue.
#34a5f8 Color Conversion
The hexadecimal color #34a5f8 has RGB values of R:52, G:165, B:248 and CMYK values of C:0.79, M:0.33, Y:0, K:0.03. Its decimal value is 3450360.
Hex triplet | 34a5f8 | #34a5f8 |
---|---|---|
RGB Decimal | 52, 165, 248 | rgb(52,165,248) |
RGB Percent | 20.4, 64.7, 97.3 | rgb(20.4%,64.7%,97.3%) |
CMYK | 79, 33, 0, 3 | |
HSL | 205.4°, 93.3, 58.8 | hsl(205.4,93.3%,58.8%) |
HSV (or HSB) | 205.4°, 79, 97.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.291, -3.243, -50.125 |
---|---|
XYZ | 31.81, 34.415, 93.768 |
xyY | 0.199, 0.215, 34.415 |
CIE-LCH | 65.291, 50.229, 266.298 |
CIE-LUV | 65.291, -37.697, -80.519 |
Hunter-Lab | 58.664, -5.871, -53.703 |
Binary | 00110100, 10100101, 11111000 |
Color Schemes with #34a5f8
Alternatives to #34a5f8
Below, you can see some colors close to #34a5f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34a5f8 Preview
This text has a font color of #34a5f8.
<span style="color:#34a5f8;">Text here</span>
This paragraph has a background color of #34a5f8.
<p style="background-color:#34a5f8;">Content here</p>
This element has a border color of #34a5f8.
<div style="border:1px solid #34a5f8;">Content here</div>
.text {color:#34a5f8;}
.background {background-color:#34a5f8;}
.border {border:1px solid #34a5f8;}
Shades and Tints of #34a5f8
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, #000306 is the darkest color, while #f2f9ff is the lightest one.
-
#000306
#000306
rgb(0,3,6)
-
#010f19
#010f19
rgb(1,15,25)
-
#021a2c
#021a2c
rgb(2,26,44)
-
#02253e
#02253e
rgb(2,37,62)
-
#033051
#033051
rgb(3,48,81)
-
#033b64
#033b64
rgb(3,59,100)
-
#044777
#044777
rgb(4,71,119)
-
#05528a
#05528a
rgb(5,82,138)
-
#055d9d
#055d9d
rgb(5,93,157)
-
#0668b0
#0668b0
rgb(6,104,176)
-
#0773c3
#0773c3
rgb(7,115,195)
-
#077fd6
#077fd6
rgb(7,127,214)
-
#088ae9
#088ae9
rgb(8,138,233)
-
#0e94f7
#0e94f7
rgb(14,148,247)
-
#219df7
#219df7
rgb(33,157,247)
-
#34a5f8
#34a5f8
rgb(52,165,248)
-
#47adf9
#47adf9
rgb(71,173,249)
-
#5ab6f9
#5ab6f9
rgb(90,182,249)
-
#6dbefa
#6dbefa
rgb(109,190,250)
-
#80c7fb
#80c7fb
rgb(128,199,251)
-
#93cffb
#93cffb
rgb(147,207,251)
-
#a6d7fc
#a6d7fc
rgb(166,215,252)
-
#b9e0fd
#b9e0fd
rgb(185,224,253)
-
#cce8fd
#cce8fd
rgb(204,232,253)
-
#dff1fe
#dff1fe
rgb(223,241,254)
-
#f2f9ff
#f2f9ff
rgb(242,249,255)
Tones of #34a5f8
A tone is produced by adding gray to any pure hue. In this case, #959697 is the less saturated color, while #34a5f8 is the most saturated one.
-
#959697
#959697
rgb(149,150,151)
-
#8d979f
#8d979f
rgb(141,151,159)
-
#8599a7
#8599a7
rgb(133,153,167)
-
#7d9aaf
#7d9aaf
rgb(125,154,175)
-
#759bb7
#759bb7
rgb(117,155,183)
-
#6d9cbf
#6d9cbf
rgb(109,156,191)
-
#649ec8
#649ec8
rgb(100,158,200)
-
#5c9fd0
#5c9fd0
rgb(92,159,208)
-
#54a0d8
#54a0d8
rgb(84,160,216)
-
#4ca1e0
#4ca1e0
rgb(76,161,224)
-
#44a3e8
#44a3e8
rgb(68,163,232)
-
#3ca4f0
#3ca4f0
rgb(60,164,240)
-
#34a5f8
#34a5f8
rgb(52,165,248)
Color Blindness Simulator
Below, you can see how #34a5f8 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.