#34baf1 Color Information
In a RGB color space, hex #34baf1 is composed of 20.4% red, 72.9% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 22.8% magenta, 0% yellow and 5.5% black. It has a hue angle of 197.5 degrees, a saturation of 87.1% and a lightness of 57.5%. #34baf1 color hex could be obtained by blending #68ffff with #0075e3. Closest websafe color is: #33ccff.
-
- R 20
- G 73
- B 95
-
- C 78
- M 23
- Y 0
- K 5
● #34baf1 color description : Bright blue.
#34baf1 Color Conversion
The hexadecimal color #34baf1 has RGB values of R:52, G:186, B:241 and CMYK values of C:0.78, M:0.23, Y:0, K:0.05. Its decimal value is 3455729.
Hex triplet | 34baf1 | #34baf1 |
---|---|---|
RGB Decimal | 52, 186, 241 | rgb(52,186,241) |
RGB Percent | 20.4, 72.9, 94.5 | rgb(20.4%,72.9%,94.5%) |
CMYK | 78, 23, 0, 5 | |
HSL | 197.5°, 87.1, 57.5 | hsl(197.5,87.1%,57.5%) |
HSV (or HSB) | 197.5°, 78.4, 94.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.006, -17.161, -37.355 |
---|---|
XYZ | 34.848, 42.196, 89.522 |
xyY | 0.209, 0.253, 42.196 |
CIE-LCH | 71.006, 41.108, 245.326 |
CIE-LUV | 71.006, -45.204, -57.932 |
Hunter-Lab | 64.958, -17.917, -36.24 |
Binary | 00110100, 10111010, 11110001 |
Color Schemes with #34baf1
Alternatives to #34baf1
Below, you can see some colors close to #34baf1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34baf1 Preview
This text has a font color of #34baf1.
<span style="color:#34baf1;">Text here</span>
This paragraph has a background color of #34baf1.
<p style="background-color:#34baf1;">Content here</p>
This element has a border color of #34baf1.
<div style="border:1px solid #34baf1;">Content here</div>
.text {color:#34baf1;}
.background {background-color:#34baf1;}
.border {border:1px solid #34baf1;}
Shades and Tints of #34baf1
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, #010d11 is the darkest color, while #feffff is the lightest one.
-
#010d11
#010d11
rgb(1,13,17)
-
#021a24
#021a24
rgb(2,26,36)
-
#042736
#042736
rgb(4,39,54)
-
#053548
#053548
rgb(5,53,72)
-
#06425b
#06425b
rgb(6,66,91)
-
#084f6d
#084f6d
rgb(8,79,109)
-
#095d7f
#095d7f
rgb(9,93,127)
-
#0a6a92
#0a6a92
rgb(10,106,146)
-
#0b78a4
#0b78a4
rgb(11,120,164)
-
#0d85b6
#0d85b6
rgb(13,133,182)
-
#0e92c9
#0e92c9
rgb(14,146,201)
-
#0fa0db
#0fa0db
rgb(15,160,219)
-
#10aded
#10aded
rgb(16,173,237)
-
#22b4f0
#22b4f0
rgb(34,180,240)
-
#34baf1
#34baf1
rgb(52,186,241)
-
#46c0f2
#46c0f2
rgb(70,192,242)
-
#59c6f4
#59c6f4
rgb(89,198,244)
-
#6bcdf5
#6bcdf5
rgb(107,205,245)
-
#7dd3f6
#7dd3f6
rgb(125,211,246)
-
#90d9f7
#90d9f7
rgb(144,217,247)
-
#a2dff9
#a2dff9
rgb(162,223,249)
-
#b4e6fa
#b4e6fa
rgb(180,230,250)
-
#c7ecfb
#c7ecfb
rgb(199,236,251)
-
#d9f2fc
#d9f2fc
rgb(217,242,252)
-
#ebf8fe
#ebf8fe
rgb(235,248,254)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #34baf1
A tone is produced by adding gray to any pure hue. In this case, #909495 is the less saturated color, while #2cbdf9 is the most saturated one.
-
#909495
#909495
rgb(144,148,149)
-
#87979e
#87979e
rgb(135,151,158)
-
#7f9ba6
#7f9ba6
rgb(127,155,166)
-
#779eae
#779eae
rgb(119,158,174)
-
#6ea2b7
#6ea2b7
rgb(110,162,183)
-
#66a5bf
#66a5bf
rgb(102,165,191)
-
#5ea9c7
#5ea9c7
rgb(94,169,199)
-
#55acd0
#55acd0
rgb(85,172,208)
-
#4db0d8
#4db0d8
rgb(77,176,216)
-
#45b3e0
#45b3e0
rgb(69,179,224)
-
#3cb7e9
#3cb7e9
rgb(60,183,233)
-
#34baf1
#34baf1
rgb(52,186,241)
-
#2cbdf9
#2cbdf9
rgb(44,189,249)
Color Blindness Simulator
Below, you can see how #34baf1 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.