#349cdf hex color

In a RGB color space, hex #349cdf is composed of 20.4% red, 61.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 30% magenta, 0% yellow and 12.5% black. It has a hue angle of 203.5 degrees, a saturation of 72.8% and a lightness of 53.9%. #349cdf color hex could be obtained by blending #68ffff with #0039bf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 61
- B 87
RGB color chart
- C 77
- M 30
- Y 0
- K 13
CMYK color chart

● #349cdf color description : Bright blue.

The hexadecimal color #349cdf has RGB values of R:52, G:156, B:223 and CMYK values of C:0.77, M:0.3, Y:0, K:0.13. Its decimal value is 3448031.

Hex triplet	349cdf	`#349cdf`
RGB Decimal	52, 156, 223	`rgb(52,156,223)`
RGB Percent	20.4, 61.2, 87.5	`rgb(20.4%,61.2%,87.5%)`
CMYK	77, 30, 0, 13
HSL	203.5°, 72.8, 53.9	`hsl(203.5,72.8%,53.9%)`
HSV (or HSB)	203.5°, 76.7, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	61.509, -6.955, -42.333
XYZ	26.621, 29.832, 74.163
xyY	0.204, 0.228, 29.832
CIE-LCH	61.509, 42.901, 260.67
CIE-LUV	61.509, -35.966, -66.291
Hunter-Lab	54.619, -8.585, -42.272
Binary	00110100, 10011100, 11011111

#349cdf
```
#349cdf rgb(52,156,223)
```
#df7734
```
#df7734 rgb(223,119,52)
```

Complementary Color

#34dfcd
```
#34dfcd rgb(52,223,205)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#3447df
```
#3447df rgb(52,71,223)
```

Analogous Color

#dfcd34
```
#dfcd34 rgb(223,205,52)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#df3447
```
#df3447 rgb(223,52,71)
```

Split Complementary Color

#9cdf34
```
#9cdf34 rgb(156,223,52)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#df349c
```
#df349c rgb(223,52,156)
```

Triadic Color

#34df77
```
#34df77 rgb(52,223,119)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#df349c
```
#df349c rgb(223,52,156)
```
#df7734
```
#df7734 rgb(223,119,52)
```

Tetradic Color

#1b73ab
```
#1b73ab rgb(27,115,171)
```
#1f82c1
```
#1f82c1 rgb(31,130,193)
```
#2290d8
```
#2290d8 rgb(34,144,216)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#4aa7e2
```
#4aa7e2 rgb(74,167,226)
```
#60b1e6
```
#60b1e6 rgb(96,177,230)
```
#76bce9
```
#76bce9 rgb(118,188,233)
```

Monochromatic Color

Below, you can see some colors close to #349cdf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#34c7df
```
#34c7df rgb(52,199,223)
```
#34b9df
```
#34b9df rgb(52,185,223)
```
#34aadf
```
#34aadf rgb(52,170,223)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#348edf
```
#348edf rgb(52,142,223)
```
#3480df
```
#3480df rgb(52,128,223)
```
#3471df
```
#3471df rgb(52,113,223)
```

Similar Colors

Text with hexadecimal color #349cdf

This text has a font color of #349cdf.

<span style="color:#349cdf;">Text here</span>

#349cdf background color

This paragraph has a background color of #349cdf.

<p style="background-color:#349cdf;">Content here</p>

#349cdf border color

This element has a border color of #349cdf.

<div style="border:1px solid #349cdf;">Content here</div>

CSS codes

.text {color:#349cdf;}

.background {background-color:#349cdf;}

.border {border:1px solid #349cdf;}

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, #000000 is the darkest color, while #eef7fc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#030c11
```
#030c11 rgb(3,12,17)
```
#051722
```
#051722 rgb(5,23,34)
```
#082233
```
#082233 rgb(8,34,51)
```
#0b2e44
```
#0b2e44 rgb(11,46,68)
```
#0d3955
```
#0d3955 rgb(13,57,85)
```
#104466
```
#104466 rgb(16,68,102)
```
#135077
```
#135077 rgb(19,80,119)
```
#155b88
```
#155b88 rgb(21,91,136)
```
#186699
```
#186699 rgb(24,102,153)
```
#1b72aa
```
#1b72aa rgb(27,114,170)
```
#1d7dbb
```
#1d7dbb rgb(29,125,187)
```
#2088cc
```
#2088cc rgb(32,136,204)
```

Shade Color Variation

#2394dc
```
#2394dc rgb(35,148,220)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#45a4e2
```
#45a4e2 rgb(69,164,226)
```
#56ade4
```
#56ade4 rgb(86,173,228)
```
#67b5e7
```
#67b5e7 rgb(103,181,231)
```
#78bdea
```
#78bdea rgb(120,189,234)
```
#89c5ec
```
#89c5ec rgb(137,197,236)
```
#9aceef
```
#9aceef rgb(154,206,239)
```
#abd6f2
```
#abd6f2 rgb(171,214,242)
```
#bcdef4
```
#bcdef4 rgb(188,222,244)
```
#cce6f7
```
#cce6f7 rgb(204,230,247)
```
#ddeffa
```
#ddeffa rgb(221,239,250)
```
#eef7fc
```
#eef7fc rgb(238,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a8e is the less saturated color, while #19a2fa is the most saturated one.

#858a8e
```
#858a8e rgb(133,138,142)
```
#7c8c97
```
#7c8c97 rgb(124,140,151)
```
#738ea0
```
#738ea0 rgb(115,142,160)
```
#6a90a9
```
#6a90a9 rgb(106,144,169)
```
#6192b2
```
#6192b2 rgb(97,146,178)
```
#5894bb
```
#5894bb rgb(88,148,187)
```
#4f96c4
```
#4f96c4 rgb(79,150,196)
```
#4698cd
```
#4698cd rgb(70,152,205)
```
#3d9ad6
```
#3d9ad6 rgb(61,154,214)
```
#349cdf
```
#349cdf rgb(52,156,223)
```
#2b9ee8
```
#2b9ee8 rgb(43,158,232)
```
#22a0f1
```
#22a0f1 rgb(34,160,241)
```
#19a2fa
```
#19a2fa rgb(25,162,250)
```

Tone Color Variation

Below, you can see how #349cdf 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.

Monochromacy

#858585 Achromatopsia 0.005% of the population
#758a97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8297d9 Protanopia 1% of men
#7199e3 Deuteranopia 1% of men
#00a9b4 Tritanopia 0.001% of the population

Trichromacy

#6699db Protanomaly 1% of men, 0.01% of women
#5b9ae2 Deuteranomaly 6% of men, 0.4% of women
#12a4c4 Tritanomaly 0.01% of the population

#349cdf hex color

#349cdf Color Information

#349cdf Color Conversion

Color Schemes with #349cdf

Alternatives to #349cdf

#349cdf Preview

Shades and Tints of #349cdf

Tones of #349cdf

Color Blindness Simulator