#349fdb hex color

In a RGB color space, hex #349fdb is composed of 20.4% red, 62.4% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 27.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 201.6 degrees, a saturation of 69.9% and a lightness of 53.1%. #349fdb color hex could be obtained by blending #68ffff with #003fb7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 62
- B 86
RGB color chart
- C 76
- M 27
- Y 0
- K 14
CMYK color chart

● #349fdb color description : Bright blue.

The hexadecimal color #349fdb has RGB values of R:52, G:159, B:219 and CMYK values of C:0.76, M:0.27, Y:0, K:0.14. Its decimal value is 3448795.

Hex triplet	349fdb	`#349fdb`
RGB Decimal	52, 159, 219	`rgb(52,159,219)`
RGB Percent	20.4, 62.4, 85.9	`rgb(20.4%,62.4%,85.9%)`
CMYK	76, 27, 0, 14
HSL	201.6°, 69.9, 53.1	`hsl(201.6,69.9%,53.1%)`
HSV (or HSB)	201.6°, 76.3, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.201, -10.033, -39.029
XYZ	26.597, 30.639, 71.526
xyY	0.207, 0.238, 30.639
CIE-LCH	62.201, 40.298, 255.584
CIE-LUV	62.201, -37.211, -60.513
Hunter-Lab	55.352, -11.095, -37.868
Binary	00110100, 10011111, 11011011

#349fdb
```
#349fdb rgb(52,159,219)
```
#db7034
```
#db7034 rgb(219,112,52)
```

Complementary Color

#34dbc4
```
#34dbc4 rgb(52,219,196)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#344cdb
```
#344cdb rgb(52,76,219)
```

Analogous Color

#dbc434
```
#dbc434 rgb(219,196,52)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#db344c
```
#db344c rgb(219,52,76)
```

Split Complementary Color

#9fdb34
```
#9fdb34 rgb(159,219,52)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#db349f
```
#db349f rgb(219,52,159)
```

Triadic Color

#34db70
```
#34db70 rgb(52,219,112)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#db349f
```
#db349f rgb(219,52,159)
```
#db7034
```
#db7034 rgb(219,112,52)
```

Tetradic Color

#1d74a5
```
#1d74a5 rgb(29,116,165)
```
#2184bb
```
#2184bb rgb(33,132,187)
```
#2593d1
```
#2593d1 rgb(37,147,209)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#4aa9df
```
#4aa9df rgb(74,169,223)
```
#5fb3e3
```
#5fb3e3 rgb(95,179,227)
```
#75bee7
```
#75bee7 rgb(117,190,231)
```

Monochromatic Color

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

#34c9db
```
#34c9db rgb(52,201,219)
```
#34bbdb
```
#34bbdb rgb(52,187,219)
```
#34addb
```
#34addb rgb(52,173,219)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#3491db
```
#3491db rgb(52,145,219)
```
#3483db
```
#3483db rgb(52,131,219)
```
#3475db
```
#3475db rgb(52,117,219)
```

Similar Colors

Text with hexadecimal color #349fdb

This text has a font color of #349fdb.

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

#349fdb background color

This paragraph has a background color of #349fdb.

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

#349fdb border color

This element has a border color of #349fdb.

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

CSS codes

.text {color:#349fdb;}

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

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

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, #020a0e is the darkest color, while #fcfefe is the lightest one.

#020a0e
```
#020a0e rgb(2,10,14)
```
#05151e
```
#05151e rgb(5,21,30)
```
#08212f
```
#08212f rgb(8,33,47)
```
#0b2d40
```
#0b2d40 rgb(11,45,64)
```
#0e3950
```
#0e3950 rgb(14,57,80)
```
#114461
```
#114461 rgb(17,68,97)
```
#145072
```
#145072 rgb(20,80,114)
```
#175c82
```
#175c82 rgb(23,92,130)
```
#1a6793
```
#1a6793 rgb(26,103,147)
```
#1d73a4
```
#1d73a4 rgb(29,115,164)
```
#207fb4
```
#207fb4 rgb(32,127,180)
```
#238bc5
```
#238bc5 rgb(35,139,197)
```
#2696d6
```
#2696d6 rgb(38,150,214)
```

Shade Color Variation

#349fdb
```
#349fdb rgb(52,159,219)
```
#45a7de
```
#45a7de rgb(69,167,222)
```
#55afe1
```
#55afe1 rgb(85,175,225)
```
#66b7e4
```
#66b7e4 rgb(102,183,228)
```
#77bfe7
```
#77bfe7 rgb(119,191,231)
```
#87c6ea
```
#87c6ea rgb(135,198,234)
```
#98ceed
```
#98ceed rgb(152,206,237)
```
#a9d6f0
```
#a9d6f0 rgb(169,214,240)
```
#b9def3
```
#b9def3 rgb(185,222,243)
```
#cae6f6
```
#cae6f6 rgb(202,230,246)
```
#dbeef9
```
#dbeef9 rgb(219,238,249)
```
#ebf6fc
```
#ebf6fc rgb(235,246,252)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #878888 is the less saturated color, while #18a7f7 is the most saturated one.

#878888
```
#878888 rgb(135,136,136)
```
#7e8a91
```
#7e8a91 rgb(126,138,145)
```
#748d9b
```
#748d9b rgb(116,141,155)
```
#6b8fa4
```
#6b8fa4 rgb(107,143,164)
```
#6292ad
```
#6292ad rgb(98,146,173)
```
#5995b6
```
#5995b6 rgb(89,149,182)
```
#5097bf
```
#5097bf rgb(80,151,191)
```
#469ac9
```
#469ac9 rgb(70,154,201)
```
#3d9cd2
```
#3d9cd2 rgb(61,156,210)
```
#349fdb
```
#349fdb rgb(52,159,219)
```
#2ba2e4
```
#2ba2e4 rgb(43,162,228)
```
#22a4ed
```
#22a4ed rgb(34,164,237)
```
#18a7f7
```
#18a7f7 rgb(24,167,247)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#768b97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8799d5 Protanopia 1% of men
#799be0 Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#699bd7 Protanomaly 1% of men, 0.01% of women
#609cde Deuteranomaly 6% of men, 0.4% of women
#12a6c4 Tritanomaly 0.01% of the population

#349fdb hex color

#349fdb Color Information

#349fdb Color Conversion

Color Schemes with #349fdb

Alternatives to #349fdb

#349fdb Preview

Shades and Tints of #349fdb

Tones of #349fdb

Color Blindness Simulator