#349aca hex color

In a RGB color space, hex #349aca is composed of 20.4% red, 60.4% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 23.8% magenta, 0% yellow and 20.8% black. It has a hue angle of 199.2 degrees, a saturation of 59.1% and a lightness of 49.8%. #349aca color hex could be obtained by blending #68ffff with #003595. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 20
- G 60
- B 79
RGB color chart
- C 74
- M 24
- Y 0
- K 21
CMYK color chart

● #349aca color description : Moderate blue.

The hexadecimal color #349aca has RGB values of R:52, G:154, B:202 and CMYK values of C:0.74, M:0.24, Y:0, K:0.21. Its decimal value is 3447498.

Hex triplet	349aca	`#349aca`
RGB Decimal	52, 154, 202	`rgb(52,154,202)`
RGB Percent	20.4, 60.4, 79.2	`rgb(20.4%,60.4%,79.2%)`
CMYK	74, 24, 0, 21
HSL	199.2°, 59.1, 49.8	`hsl(199.2,59.1%,49.8%)`
HSV (or HSB)	199.2°, 74.3, 79.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	59.982, -13.113, -33.013
XYZ	23.63, 28.104, 60.053
xyY	0.211, 0.251, 28.104
CIE-LCH	59.982, 35.522, 248.336
CIE-LUV	59.982, -36.409, -49.801
Hunter-Lab	53.013, -13.208, -30.055
Binary	00110100, 10011010, 11001010

#349aca
```
#349aca rgb(52,154,202)
```
#ca6434
```
#ca6434 rgb(202,100,52)
```

Complementary Color

#34caaf
```
#34caaf rgb(52,202,175)
```
#349aca
```
#349aca rgb(52,154,202)
```
#344fca
```
#344fca rgb(52,79,202)
```

Analogous Color

#caaf34
```
#caaf34 rgb(202,175,52)
```
#349aca
```
#349aca rgb(52,154,202)
```
#ca344f
```
#ca344f rgb(202,52,79)
```

Split Complementary Color

#9aca34
```
#9aca34 rgb(154,202,52)
```
#349aca
```
#349aca rgb(52,154,202)
```
#ca349a
```
#ca349a rgb(202,52,154)
```

Triadic Color

#34ca64
```
#34ca64 rgb(52,202,100)
```
#349aca
```
#349aca rgb(52,154,202)
```
#ca349a
```
#ca349a rgb(202,52,154)
```
#ca6434
```
#ca6434 rgb(202,100,52)
```

Tetradic Color

#246c8d
```
#246c8d rgb(36,108,141)
```
#2a7ba1
```
#2a7ba1 rgb(42,123,161)
```
#2f8bb6
```
#2f8bb6 rgb(47,139,182)
```
#349aca
```
#349aca rgb(52,154,202)
```
#48a4d0
```
#48a4d0 rgb(72,164,208)
```
#5caed5
```
#5caed5 rgb(92,174,213)
```
#70b8da
```
#70b8da rgb(112,184,218)
```

Monochromatic Color

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

#34c0ca
```
#34c0ca rgb(52,192,202)
```
#34b3ca
```
#34b3ca rgb(52,179,202)
```
#34a7ca
```
#34a7ca rgb(52,167,202)
```
#349aca
```
#349aca rgb(52,154,202)
```
#348eca
```
#348eca rgb(52,142,202)
```
#3481ca
```
#3481ca rgb(52,129,202)
```
#3475ca
```
#3475ca rgb(52,117,202)
```

Similar Colors

Text with hexadecimal color #349aca

This text has a font color of #349aca.

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

#349aca background color

This paragraph has a background color of #349aca.

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

#349aca border color

This element has a border color of #349aca.

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

CSS codes

.text {color:#349aca;}

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

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

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, #040b0f is the darkest color, while #feffff is the lightest one.

#040b0f
```
#040b0f rgb(4,11,15)
```
#08171e
```
#08171e rgb(8,23,30)
```
#0c232e
```
#0c232e rgb(12,35,46)
```
#102f3e
```
#102f3e rgb(16,47,62)
```
#143b4d
```
#143b4d rgb(20,59,77)
```
#18475d
```
#18475d rgb(24,71,93)
```
#1c536c
```
#1c536c rgb(28,83,108)
```
#205f7c
```
#205f7c rgb(32,95,124)
```
#246a8c
```
#246a8c rgb(36,106,140)
```
#28769b
```
#28769b rgb(40,118,155)
```
#2c82ab
```
#2c82ab rgb(44,130,171)
```
#308eba
```
#308eba rgb(48,142,186)
```
#349aca
```
#349aca rgb(52,154,202)
```

Shade Color Variation

#43a2cf
```
#43a2cf rgb(67,162,207)
```
#53aad3
```
#53aad3 rgb(83,170,211)
```
#62b1d7
```
#62b1d7 rgb(98,177,215)
```
#72b9db
```
#72b9db rgb(114,185,219)
```
#81c1df
```
#81c1df rgb(129,193,223)
```
#91c9e3
```
#91c9e3 rgb(145,201,227)
```
#a1d0e7
```
#a1d0e7 rgb(161,208,231)
```
#b0d8eb
```
#b0d8eb rgb(176,216,235)
```
#c0e0ef
```
#c0e0ef rgb(192,224,239)
```
#cfe7f3
```
#cfe7f3 rgb(207,231,243)
```
#dfeff7
```
#dfeff7 rgb(223,239,247)
```
#eff7fb
```
#eff7fb rgb(239,247,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#788186
```
#788186 rgb(120,129,134)
```
#6f858f
```
#6f858f rgb(111,133,143)
```
#658899
```
#658899 rgb(101,136,153)
```
#5b8ca3
```
#5b8ca3 rgb(91,140,163)
```
#518fad
```
#518fad rgb(81,143,173)
```
#4893b6
```
#4893b6 rgb(72,147,182)
```
#3e96c0
```
#3e96c0 rgb(62,150,192)
```
#349aca
```
#349aca rgb(52,154,202)
```
#2a9ed4
```
#2a9ed4 rgb(42,158,212)
```
#20a1de
```
#20a1de rgb(32,161,222)
```
#17a5e7
```
#17a5e7 rgb(23,165,231)
```
#0da8f1
```
#0da8f1 rgb(13,168,241)
```
#03acfb
```
#03acfb rgb(3,172,251)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#728690 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8794c5 Protanopia 1% of men
#7d95d0 Deuteranopia 1% of men
#18a4b0 Tritanopia 0.001% of the population

Trichromacy

#6996c7 Protanomaly 1% of men, 0.01% of women
#6296ce Deuteranomaly 6% of men, 0.4% of women
#22a0b9 Tritanomaly 0.01% of the population

#349aca hex color

#349aca Color Information

#349aca Color Conversion

Color Schemes with #349aca

Alternatives to #349aca

#349aca Preview

Shades and Tints of #349aca

Tones of #349aca

Color Blindness Simulator