#348da0 hex color

In a RGB color space, hex #348da0 is composed of 20.4% red, 55.3% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 11.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 190.6 degrees, a saturation of 50.9% and a lightness of 41.6%. #348da0 color hex could be obtained by blending #68ffff with #001b41. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 55
- B 63
RGB color chart
- C 68
- M 12
- Y 0
- K 37
CMYK color chart

● #348da0 color description : Dark moderate cyan.

The hexadecimal color #348da0 has RGB values of R:52, G:141, B:160 and CMYK values of C:0.68, M:0.12, Y:0, K:0.37. Its decimal value is 3444128.

Hex triplet	348da0	`#348da0`
RGB Decimal	52, 141, 160	`rgb(52,141,160)`
RGB Percent	20.4, 55.3, 62.7	`rgb(20.4%,55.3%,62.7%)`
CMYK	68, 12, 0, 37
HSL	190.6°, 50.9, 41.6	`hsl(190.6,50.9%,41.6%)`
HSV (or HSB)	190.6°, 67.5, 62.7
Web Safe	339999	`#339999`

CIE-LAB	54.361, -20.005, -17.814
XYZ	17.284, 22.316, 36.652
xyY	0.227, 0.293, 22.316
CIE-LCH	54.361, 26.787, 221.685
CIE-LUV	54.361, -34.053, -23.737
Hunter-Lab	47.24, -17.36, -12.933
Binary	00110100, 10001101, 10100000

#348da0
```
#348da0 rgb(52,141,160)
```
#a04734
```
#a04734 rgb(160,71,52)
```

Complementary Color

#34a07d
```
#34a07d rgb(52,160,125)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#3457a0
```
#3457a0 rgb(52,87,160)
```

Analogous Color

#a07d34
```
#a07d34 rgb(160,125,52)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#a03457
```
#a03457 rgb(160,52,87)
```

Split Complementary Color

#8da034
```
#8da034 rgb(141,160,52)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#a0348d
```
#a0348d rgb(160,52,141)
```

Triadic Color

#34a047
```
#34a047 rgb(52,160,71)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#a0348d
```
#a0348d rgb(160,52,141)
```
#a04734
```
#a04734 rgb(160,71,52)
```

Tetradic Color

#215a66
```
#215a66 rgb(33,90,102)
```
#276b7a
```
#276b7a rgb(39,107,122)
```
#2e7c8d
```
#2e7c8d rgb(46,124,141)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#3a9eb3
```
#3a9eb3 rgb(58,158,179)
```
#45acc2
```
#45acc2 rgb(69,172,194)
```
#58b5c9
```
#58b5c9 rgb(88,181,201)
```

Monochromatic Color

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

#34a098
```
#34a098 rgb(52,160,152)
```
#349fa0
```
#349fa0 rgb(52,159,160)
```
#3496a0
```
#3496a0 rgb(52,150,160)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#3484a0
```
#3484a0 rgb(52,132,160)
```
#347ba0
```
#347ba0 rgb(52,123,160)
```
#3472a0
```
#3472a0 rgb(52,114,160)
```

Similar Colors

Text with hexadecimal color #348da0

This text has a font color of #348da0.

<span style="color:#348da0;">Text here</span>

#348da0 background color

This paragraph has a background color of #348da0.

<p style="background-color:#348da0;">Content here</p>

#348da0 border color

This element has a border color of #348da0.

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

CSS codes

.text {color:#348da0;}

.background {background-color:#348da0;}

.border {border:1px solid #348da0;}

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

#040b0c
```
#040b0c rgb(4,11,12)
```
#09181b
```
#09181b rgb(9,24,27)
```
#0e252a
```
#0e252a rgb(14,37,42)
```
#123238
```
#123238 rgb(18,50,56)
```
#173f47
```
#173f47 rgb(23,63,71)
```
#1c4c56
```
#1c4c56 rgb(28,76,86)
```
#215965
```
#215965 rgb(33,89,101)
```
#266674
```
#266674 rgb(38,102,116)
```
#2a7382
```
#2a7382 rgb(42,115,130)
```
#2f8091
```
#2f8091 rgb(47,128,145)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#399aaf
```
#399aaf rgb(57,154,175)
```
#3ea7be
```
#3ea7be rgb(62,167,190)
```

Shade Color Variation

#4bafc4
```
#4bafc4 rgb(75,175,196)
```
#59b5c9
```
#59b5c9 rgb(89,181,201)
```
#68bcce
```
#68bcce rgb(104,188,206)
```
#77c3d3
```
#77c3d3 rgb(119,195,211)
```
#86c9d8
```
#86c9d8 rgb(134,201,216)
```
#95d0dc
```
#95d0dc rgb(149,208,220)
```
#a3d6e1
```
#a3d6e1 rgb(163,214,225)
```
#b2dde6
```
#b2dde6 rgb(178,221,230)
```
#c1e3eb
```
#c1e3eb rgb(193,227,235)
```
#d0eaf0
```
#d0eaf0 rgb(208,234,240)
```
#dff1f4
```
#dff1f4 rgb(223,241,244)
```
#edf7f9
```
#edf7f9 rgb(237,247,249)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#656d6f
```
#656d6f rgb(101,109,111)
```
#5d7377
```
#5d7377 rgb(93,115,119)
```
#55787f
```
#55787f rgb(85,120,127)
```
#4c7d88
```
#4c7d88 rgb(76,125,136)
```
#448290
```
#448290 rgb(68,130,144)
```
#3c8898
```
#3c8898 rgb(60,136,152)
```
#348da0
```
#348da0 rgb(52,141,160)
```
#2c92a8
```
#2c92a8 rgb(44,146,168)
```
#2498b0
```
#2498b0 rgb(36,152,176)
```
#1c9db8
```
#1c9db8 rgb(28,157,184)
```
#13a2c1
```
#13a2c1 rgb(19,162,193)
```
#0ba7c9
```
#0ba7c9 rgb(11,167,201)
```
#03add1
```
#03add1 rgb(3,173,209)
```

Tone Color Variation

Below, you can see how #348da0 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

#757575 Achromatopsia 0.005% of the population
#687a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#83879d Protanopia 1% of men
#8286a9 Deuteranopia 1% of men
#3a949e Tritanopia 0.001% of the population

Trichromacy

#66899e Protanomaly 1% of men, 0.01% of women
#6688a6 Deuteranomaly 6% of men, 0.4% of women
#38919f Tritanomaly 0.01% of the population

#348da0 hex color

#348da0 Color Information

#348da0 Color Conversion

Color Schemes with #348da0

Alternatives to #348da0

#348da0 Preview

Shades and Tints of #348da0

Tones of #348da0

Color Blindness Simulator