#349ddd Color Information
In a RGB color space, hex #349ddd is composed of 20.4% red, 61.6% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 29% magenta, 0% yellow and 13.3% black. It has a hue angle of 202.7 degrees, a saturation of 71.3% and a lightness of 53.5%. #349ddd color hex could be obtained by blending #68ffff with #003bbb. Closest websafe color is: #3399cc.
-
- R 20
- G 62
- B 87
-
- C 76
- M 29
- Y 0
- K 13
● #349ddd color description : Bright blue.
#349ddd Color Conversion
The hexadecimal color #349ddd has RGB values of R:52, G:157, B:221 and CMYK values of C:0.76, M:0.29, Y:0, K:0.13. Its decimal value is 3448285.
| Hex triplet | 349ddd | #349ddd |
|---|---|---|
| RGB Decimal | 52, 157, 221 | rgb(52,157,221) |
| RGB Percent | 20.4, 61.6, 86.7 | rgb(20.4%,61.6%,86.7%) |
| CMYK | 76, 29, 0, 13 | |
| HSL | 202.7°, 71.3, 53.5 | hsl(202.7,71.3%,53.5%) |
| HSV (or HSB) | 202.7°, 76.5, 86.7 | |
| Web Safe | 3399cc | #3399cc |
| CIE-LAB | 61.708, -8.219, -40.912 |
|---|---|
| XYZ | 26.521, 30.062, 72.807 |
| xyY | 0.205, 0.232, 30.062 |
| CIE-LCH | 61.708, 41.73, 258.641 |
| CIE-LUV | 61.708, -36.414, -63.801 |
| Hunter-Lab | 54.829, -9.609, -40.351 |
| Binary | 00110100, 10011101, 11011101 |
Color Schemes with #349ddd
Alternatives to #349ddd
Below, you can see some colors close to #349ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#349ddd Preview
This text has a font color of #349ddd.
<span style="color:#349ddd;">Text here</span>
This paragraph has a background color of #349ddd.
<p style="background-color:#349ddd;">Content here</p>
This element has a border color of #349ddd.
<div style="border:1px solid #349ddd;">Content here</div>
.text {color:#349ddd;}
.background {background-color:#349ddd;}
.border {border:1px solid #349ddd;}
Shades and Tints of #349ddd
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, #030b0f is the darkest color, while #fefeff is the lightest one.
-
#030b0f
#030b0frgb(3,11,15) -
#051620
#051620rgb(5,22,32) -
#082231
#082231rgb(8,34,49) -
#0b2d42
#0b2d42rgb(11,45,66) -
#0e3953
#0e3953rgb(14,57,83) -
#114463
#114463rgb(17,68,99) -
#135074
#135074rgb(19,80,116) -
#165b85
#165b85rgb(22,91,133) -
#196796
#196796rgb(25,103,150) -
#1c72a7
#1c72a7rgb(28,114,167) -
#1f7eb7
#1f7eb7rgb(31,126,183) -
#2289c8
#2289c8rgb(34,137,200) -
#2495d9
#2495d9rgb(36,149,217)
-
#349ddd
#349dddrgb(52,157,221) -
#45a5e0
#45a5e0rgb(69,165,224) -
#56ade3
#56ade3rgb(86,173,227) -
#66b5e5
#66b5e5rgb(102,181,229) -
#77bde8
#77bde8rgb(119,189,232) -
#88c6eb
#88c6ebrgb(136,198,235) -
#99ceee
#99ceeergb(153,206,238) -
#aad6f1
#aad6f1rgb(170,214,241) -
#badef4
#badef4rgb(186,222,244) -
#cbe6f6
#cbe6f6rgb(203,230,246) -
#dceef9
#dceef9rgb(220,238,249) -
#edf6fc
#edf6fcrgb(237,246,252) -
#fefeff
#fefeffrgb(254,254,255)
Tones of #349ddd
A tone is produced by adding gray to any pure hue. In this case, #86898b is the less saturated color, while #19a4f8 is the most saturated one.
-
#86898b
#86898brgb(134,137,139) -
#7d8b94
#7d8b94rgb(125,139,148) -
#748e9d
#748e9drgb(116,142,157) -
#6b90a6
#6b90a6rgb(107,144,166) -
#6292af
#6292afrgb(98,146,175) -
#5894b9
#5894b9rgb(88,148,185) -
#4f96c2
#4f96c2rgb(79,150,194) -
#4699cb
#4699cbrgb(70,153,203) -
#3d9bd4
#3d9bd4rgb(61,155,212) -
#349ddd
#349dddrgb(52,157,221) -
#2b9fe6
#2b9fe6rgb(43,159,230) -
#22a1ef
#22a1efrgb(34,161,239) -
#19a4f8
#19a4f8rgb(25,164,248)
Color Blindness Simulator
Below, you can see how #349ddd 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.
