#34b3ff Color Information
In a RGB color space, hex #34b3ff is composed of 20.4% red, 70.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 29.8% magenta, 0% yellow and 0% black. It has a hue angle of 202.5 degrees, a saturation of 100% and a lightness of 60.2%. #34b3ff color hex could be obtained by blending #68ffff with #0067ff. Closest websafe color is: #33ccff.
-
- R 20
- G 70
- B 100
-
- C 80
- M 30
- Y 0
- K 0
● #34b3ff color description : Light blue.
#34b3ff Color Conversion
The hexadecimal color #34b3ff has RGB values of R:52, G:179, B:255 and CMYK values of C:0.8, M:0.3, Y:0, K:0. Its decimal value is 3453951.
Hex triplet | 34b3ff | #34b3ff |
---|---|---|
RGB Decimal | 52, 179, 255 | rgb(52,179,255) |
RGB Percent | 20.4, 70.2, 100 | rgb(20.4%,70.2%,100%) |
CMYK | 80, 30, 0, 0 | |
HSL | 202.5°, 100, 60.2 | hsl(202.5,100%,60.2%) |
HSV (or HSB) | 202.5°, 79.6, 100 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 69.603, -8.62, -47.128 |
---|---|
XYZ | 35.582, 40.187, 100.484 |
xyY | 0.202, 0.228, 40.187 |
CIE-LCH | 69.603, 47.91, 259.635 |
CIE-LUV | 69.603, -41.986, -75.554 |
Hunter-Lab | 63.393, -10.749, -49.604 |
Binary | 00110100, 10110011, 11111111 |
Color Schemes with #34b3ff
Alternatives to #34b3ff
Below, you can see some colors close to #34b3ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#34b3ff Preview
This text has a font color of #34b3ff.
<span style="color:#34b3ff;">Text here</span>
This paragraph has a background color of #34b3ff.
<p style="background-color:#34b3ff;">Content here</p>
This element has a border color of #34b3ff.
<div style="border:1px solid #34b3ff;">Content here</div>
.text {color:#34b3ff;}
.background {background-color:#34b3ff;}
.border {border:1px solid #34b3ff;}
Shades and Tints of #34b3ff
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)
-
#00395b
#00395b
rgb(0,57,91)
-
#00456f
#00456f
rgb(0,69,111)
-
#005282
#005282
rgb(0,82,130)
-
#005e96
#005e96
rgb(0,94,150)
-
#006aaa
#006aaa
rgb(0,106,170)
-
#0076bd
#0076bd
rgb(0,118,189)
-
#0083d1
#0083d1
rgb(0,131,209)
-
#008fe5
#008fe5
rgb(0,143,229)
-
#009bf8
#009bf8
rgb(0,155,248)
-
#0da4ff
#0da4ff
rgb(13,164,255)
-
#20acff
#20acff
rgb(32,172,255)
-
#34b3ff
#34b3ff
rgb(52,179,255)
-
#48baff
#48baff
rgb(72,186,255)
-
#5bc2ff
#5bc2ff
rgb(91,194,255)
-
#6fc9ff
#6fc9ff
rgb(111,201,255)
-
#82d0ff
#82d0ff
rgb(130,208,255)
-
#96d8ff
#96d8ff
rgb(150,216,255)
-
#aadfff
#aadfff
rgb(170,223,255)
-
#bde6ff
#bde6ff
rgb(189,230,255)
-
#d1eeff
#d1eeff
rgb(209,238,255)
-
#e5f5ff
#e5f5ff
rgb(229,245,255)
-
#f8fcff
#f8fcff
rgb(248,252,255)
Tones of #34b3ff
A tone is produced by adding gray to any pure hue. In this case, #929ba1 is the less saturated color, while #34b3ff is the most saturated one.
-
#929ba1
#929ba1
rgb(146,155,161)
-
#8a9da9
#8a9da9
rgb(138,157,169)
-
#829fb1
#829fb1
rgb(130,159,177)
-
#7aa1b9
#7aa1b9
rgb(122,161,185)
-
#72a3c1
#72a3c1
rgb(114,163,193)
-
#6ba5c8
#6ba5c8
rgb(107,165,200)
-
#63a7d0
#63a7d0
rgb(99,167,208)
-
#5ba9d8
#5ba9d8
rgb(91,169,216)
-
#53abe0
#53abe0
rgb(83,171,224)
-
#4bade8
#4bade8
rgb(75,173,232)
-
#44afef
#44afef
rgb(68,175,239)
-
#3cb1f7
#3cb1f7
rgb(60,177,247)
-
#34b3ff
#34b3ff
rgb(52,179,255)
Color Blindness Simulator
Below, you can see how #34b3ff 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.