#34b4ff Color Information
In a RGB color space, hex #34b4ff is composed of 20.4% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 202.2 degrees, a saturation of 100% and a lightness of 60.2%. #34b4ff color hex could be obtained by blending #68ffff with #0069ff. Closest websafe color is: #33ccff.
-
- R 20
- G 71
- B 100
-
- C 80
- M 29
- Y 0
- K 0
● #34b4ff color description : Light blue.
#34b4ff Color Conversion
The hexadecimal color #34b4ff has RGB values of R:52, G:180, B:255 and CMYK values of C:0.8, M:0.29, Y:0, K:0. Its decimal value is 3454207.
Hex triplet | 34b4ff | #34b4ff |
---|---|---|
RGB Decimal | 52, 180, 255 | rgb(52,180,255) |
RGB Percent | 20.4, 70.6, 100 | rgb(20.4%,70.6%,100%) |
CMYK | 80, 29, 0, 0 | |
HSL | 202.2°, 100, 60.2 | hsl(202.2,100%,60.2%) |
HSV (or HSB) | 202.2°, 79.6, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.887, -9.169, -46.681 |
---|---|
XYZ | 35.783, 40.589, 100.551 |
xyY | 0.202, 0.229, 40.589 |
CIE-LCH | 69.887, 47.573, 258.888 |
CIE-LUV | 69.887, -42.321, -74.765 |
Hunter-Lab | 63.71, -11.237, -48.978 |
Binary | 00110100, 10110100, 11111111 |
Color Schemes with #34b4ff
Alternatives to #34b4ff
Below, you can see some colors close to #34b4ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34b4ff Preview
This text has a font color of #34b4ff.
<span style="color:#34b4ff;">Text here</span>
This paragraph has a background color of #34b4ff.
<p style="background-color:#34b4ff;">Content here</p>
This element has a border color of #34b4ff.
<div style="border:1px solid #34b4ff;">Content here</div>
.text {color:#34b4ff;}
.background {background-color:#34b4ff;}
.border {border:1px solid #34b4ff;}
Shades and Tints of #34b4ff
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, #00080d is the darkest color, while #f8fcff is the lightest one.
-
#00080d
#00080d
rgb(0,8,13)
-
#001420
#001420
rgb(0,20,32)
-
#002134
#002134
rgb(0,33,52)
-
#002d48
#002d48
rgb(0,45,72)
-
#003a5b
#003a5b
rgb(0,58,91)
-
#00466f
#00466f
rgb(0,70,111)
-
#005282
#005282
rgb(0,82,130)
-
#005f96
#005f96
rgb(0,95,150)
-
#006baa
#006baa
rgb(0,107,170)
-
#0077bd
#0077bd
rgb(0,119,189)
-
#0084d1
#0084d1
rgb(0,132,209)
-
#0090e5
#0090e5
rgb(0,144,229)
-
#009cf8
#009cf8
rgb(0,156,248)
-
#0da6ff
#0da6ff
rgb(13,166,255)
-
#20adff
#20adff
rgb(32,173,255)
-
#34b4ff
#34b4ff
rgb(52,180,255)
-
#48bbff
#48bbff
rgb(72,187,255)
-
#5bc2ff
#5bc2ff
rgb(91,194,255)
-
#6fcaff
#6fcaff
rgb(111,202,255)
-
#82d1ff
#82d1ff
rgb(130,209,255)
-
#96d8ff
#96d8ff
rgb(150,216,255)
-
#aadfff
#aadfff
rgb(170,223,255)
-
#bde7ff
#bde7ff
rgb(189,231,255)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e5f5ff
#e5f5ff
rgb(229,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #34b4ff
A tone is produced by adding gray to any pure hue. In this case, #929ca1 is the less saturated color, while #34b4ff is the most saturated one.
-
#929ca1
#929ca1
rgb(146,156,161)
-
#8a9ea9
#8a9ea9
rgb(138,158,169)
-
#82a0b1
#82a0b1
rgb(130,160,177)
-
#7aa2b9
#7aa2b9
rgb(122,162,185)
-
#72a4c1
#72a4c1
rgb(114,164,193)
-
#6ba6c8
#6ba6c8
rgb(107,166,200)
-
#63a8d0
#63a8d0
rgb(99,168,208)
-
#5baad8
#5baad8
rgb(91,170,216)
-
#53ace0
#53ace0
rgb(83,172,224)
-
#4baee8
#4baee8
rgb(75,174,232)
-
#44b0ef
#44b0ef
rgb(68,176,239)
-
#3cb2f7
#3cb2f7
rgb(60,178,247)
-
#34b4ff
#34b4ff
rgb(52,180,255)
Color Blindness Simulator
Below, you can see how #34b4ff 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.