colorhexa.com

#349ee0 hex color

In a RGB color space, hex #349ee0 is composed of 20.4% red, 62% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 29.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 203 degrees, a saturation of 73.5% and a lightness of 54.1%. #349ee0 color hex could be obtained by blending #68ffff with #003dc1. Closest websafe color is: #3399cc.

- R 20
- G 62
- B 88
RGB color chart
- C 77
- M 29
- Y 0
- K 12
CMYK color chart

● #349ee0 color description : Bright blue.

The hexadecimal color #349ee0 has RGB values of R:52, G:158, B:224 and CMYK values of C:0.77, M:0.29, Y:0, K:0.12. Its decimal value is 3448544.

Hex triplet	349ee0	`#349ee0`
RGB Decimal	52, 158, 224	`rgb(52,158,224)`
RGB Percent	20.4, 62, 87.8	`rgb(20.4%,62%,87.8%)`
CMYK	77, 29, 0, 12
HSL	203°, 73.5, 54.1	`hsl(203,73.5%,54.1%)`
HSV (or HSB)	203°, 76.8, 87.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.137, -7.732, -41.901
XYZ	27.094, 30.563, 74.988
xyY	0.204, 0.23, 30.563
CIE-LCH	62.137, 42.609, 259.544
CIE-LUV	62.137, -36.597, -65.585
Hunter-Lab	55.284, -9.266, -41.723
Binary	00110100, 10011110, 11100000

#349ee0
```
#349ee0 rgb(52,158,224)
```
#e07634
```
#e07634 rgb(224,118,52)
```

Complementary Color

#34e0cc
```
#34e0cc rgb(52,224,204)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#3448e0
```
#3448e0 rgb(52,72,224)
```

Analogous Color

#e0cc34
```
#e0cc34 rgb(224,204,52)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#e03448
```
#e03448 rgb(224,52,72)
```

Split Complementary Color

#9ee034
```
#9ee034 rgb(158,224,52)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#e0349e
```
#e0349e rgb(224,52,158)
```

Triadic Color

#34e076
```
#34e076 rgb(52,224,118)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#e0349e
```
#e0349e rgb(224,52,158)
```
#e07634
```
#e07634 rgb(224,118,52)
```

Tetradic Color

#1a75ad
```
#1a75ad rgb(26,117,173)
```
#1e84c3
```
#1e84c3 rgb(30,132,195)
```
#2193d9
```
#2193d9 rgb(33,147,217)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#4aa9e3
```
#4aa9e3 rgb(74,169,227)
```
#60b3e7
```
#60b3e7 rgb(96,179,231)
```
#76beea
```
#76beea rgb(118,190,234)
```

Monochromatic Color

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

#34c9e0
```
#34c9e0 rgb(52,201,224)
```
#34bbe0
```
#34bbe0 rgb(52,187,224)
```
#34ace0
```
#34ace0 rgb(52,172,224)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#3490e0
```
#3490e0 rgb(52,144,224)
```
#3481e0
```
#3481e0 rgb(52,129,224)
```
#3473e0
```
#3473e0 rgb(52,115,224)
```

Similar Colors

Text with hexadecimal color #349ee0

This text has a font color of #349ee0.

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

#349ee0 background color

This paragraph has a background color of #349ee0.

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

#349ee0 border color

This element has a border color of #349ee0.

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

CSS codes

.text {color:#349ee0;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030c12
```
#030c12 rgb(3,12,18)
```
#051823
```
#051823 rgb(5,24,35)
```
#082334
```
#082334 rgb(8,35,52)
```
#0b2f45
```
#0b2f45 rgb(11,47,69)
```
#0d3a56
```
#0d3a56 rgb(13,58,86)
```
#104667
```
#104667 rgb(16,70,103)
```
#125178
```
#125178 rgb(18,81,120)
```
#155d89
```
#155d89 rgb(21,93,137)
```
#18689a
```
#18689a rgb(24,104,154)
```
#1a74ab
```
#1a74ab rgb(26,116,171)
```
#1d7fbc
```
#1d7fbc rgb(29,127,188)
```
#1f8bcd
```
#1f8bcd rgb(31,139,205)
```

Shade Color Variation

#2396dd
```
#2396dd rgb(35,150,221)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#45a6e3
```
#45a6e3 rgb(69,166,227)
```
#56aee5
```
#56aee5 rgb(86,174,229)
```
#67b6e8
```
#67b6e8 rgb(103,182,232)
```
#78bfea
```
#78bfea rgb(120,191,234)
```
#89c7ed
```
#89c7ed rgb(137,199,237)
```
#9acff0
```
#9acff0 rgb(154,207,240)
```
#abd7f2
```
#abd7f2 rgb(171,215,242)
```
#bcdff5
```
#bcdff5 rgb(188,223,245)
```
#cde7f7
```
#cde7f7 rgb(205,231,247)
```
#deeffa
```
#deeffa rgb(222,239,250)
```
#eff7fd
```
#eff7fd rgb(239,247,253)
```

Tint Color Variation

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

#858b8f
```
#858b8f rgb(133,139,143)
```
#7c8d98
```
#7c8d98 rgb(124,141,152)
```
#738fa1
```
#738fa1 rgb(115,143,161)
```
#6a91aa
```
#6a91aa rgb(106,145,170)
```
#6194b3
```
#6194b3 rgb(97,148,179)
```
#5896bc
```
#5896bc rgb(88,150,188)
```
#4f98c5
```
#4f98c5 rgb(79,152,197)
```
#469ace
```
#469ace rgb(70,154,206)
```
#3d9cd7
```
#3d9cd7 rgb(61,156,215)
```
#349ee0
```
#349ee0 rgb(52,158,224)
```
#2ba0e9
```
#2ba0e9 rgb(43,160,233)
```
#22a2f2
```
#22a2f2 rgb(34,162,242)
```
#19a4fb
```
#19a4fb rgb(25,164,251)
```

Tone Color Variation

Below, you can see how #349ee0 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
#768b98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8499da Protanopia 1% of men
#749be4 Deuteranopia 1% of men
#00aab6 Tritanopia 0.001% of the population

Trichromacy

#679bdc Protanomaly 1% of men, 0.01% of women
#5d9ce3 Deuteranomaly 6% of men, 0.4% of women
#12a6c5 Tritanomaly 0.01% of the population