#348893 hex color

In a RGB color space, hex #348893 is composed of 20.4% red, 53.3% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 64.6% cyan, 7.5% magenta, 0% yellow and 42.4% black. It has a hue angle of 186.9 degrees, a saturation of 47.7% and a lightness of 39%. #348893 color hex could be obtained by blending #68ffff with #001127. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 20
- G 53
- B 58
RGB color chart
- C 65
- M 7
- Y 0
- K 42
CMYK color chart

● #348893 color description : Dark moderate cyan.

The hexadecimal color #348893 has RGB values of R:52, G:136, B:147 and CMYK values of C:0.65, M:0.07, Y:0, K:0.42. Its decimal value is 3442835.

Hex triplet	348893	`#348893`
RGB Decimal	52, 136, 147	`rgb(52,136,147)`
RGB Percent	20.4, 53.3, 57.6	`rgb(20.4%,53.3%,57.6%)`
CMYK	65, 7, 0, 42
HSL	186.9°, 47.7, 39	`hsl(186.9,47.7%,39%)`
HSV (or HSB)	186.9°, 64.6, 57.6
Web Safe	339999	`#339999`

CIE-LAB	52.335, -21.464, -13.373
XYZ	15.485, 20.444, 30.732
xyY	0.232, 0.307, 20.444
CIE-LCH	52.335, 25.289, 211.924
CIE-LUV	52.335, -32.892, -16.512
Hunter-Lab	45.215, -17.992, -8.649
Binary	00110100, 10001000, 10010011

#348893
```
#348893 rgb(52,136,147)
```
#933f34
```
#933f34 rgb(147,63,52)
```

Complementary Color

#34936f
```
#34936f rgb(52,147,111)
```
#348893
```
#348893 rgb(52,136,147)
```
#345993
```
#345993 rgb(52,89,147)
```

Analogous Color

#936f34
```
#936f34 rgb(147,111,52)
```
#348893
```
#348893 rgb(52,136,147)
```
#933459
```
#933459 rgb(147,52,89)
```

Split Complementary Color

#889334
```
#889334 rgb(136,147,52)
```
#348893
```
#348893 rgb(52,136,147)
```
#933488
```
#933488 rgb(147,52,136)
```

Triadic Color

#34933f
```
#34933f rgb(52,147,63)
```
#348893
```
#348893 rgb(52,136,147)
```
#933488
```
#933488 rgb(147,52,136)
```
#933f34
```
#933f34 rgb(147,63,52)
```

Tetradic Color

#20545a
```
#20545a rgb(32,84,90)
```
#27656d
```
#27656d rgb(39,101,109)
```
#2d7780
```
#2d7780 rgb(45,119,128)
```
#348893
```
#348893 rgb(52,136,147)
```
#3b99a6
```
#3b99a6 rgb(59,153,166)
```
#41abb9
```
#41abb9 rgb(65,171,185)
```
#52b5c2
```
#52b5c2 rgb(82,181,194)
```

Monochromatic Color

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

#349386
```
#349386 rgb(52,147,134)
```
#34938e
```
#34938e rgb(52,147,142)
```
#349093
```
#349093 rgb(52,144,147)
```
#348893
```
#348893 rgb(52,136,147)
```
#348093
```
#348093 rgb(52,128,147)
```
#347893
```
#347893 rgb(52,120,147)
```
#347093
```
#347093 rgb(52,112,147)
```

Similar Colors

Text with hexadecimal color #348893

This text has a font color of #348893.

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

#348893 background color

This paragraph has a background color of #348893.

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

#348893 border color

This element has a border color of #348893.

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

CSS codes

.text {color:#348893;}

.background {background-color:#348893;}

.border {border:1px solid #348893;}

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

#010202
```
#010202 rgb(1,2,2)
```
#060f11
```
#060f11 rgb(6,15,17)
```
#0b1d1f
```
#0b1d1f rgb(11,29,31)
```
#102a2e
```
#102a2e rgb(16,42,46)
```
#15383c
```
#15383c rgb(21,56,60)
```
#1a454b
```
#1a454b rgb(26,69,75)
```
#1f5259
```
#1f5259 rgb(31,82,89)
```
#256068
```
#256068 rgb(37,96,104)
```
#2a6d76
```
#2a6d76 rgb(42,109,118)
```
#2f7b85
```
#2f7b85 rgb(47,123,133)
```
#348893
```
#348893 rgb(52,136,147)
```
#3995a1
```
#3995a1 rgb(57,149,161)
```
#3ea3b0
```
#3ea3b0 rgb(62,163,176)
```

Shade Color Variation

#45afbd
```
#45afbd rgb(69,175,189)
```
#53b5c2
```
#53b5c2 rgb(83,181,194)
```
#62bcc7
```
#62bcc7 rgb(98,188,199)
```
#70c2cc
```
#70c2cc rgb(112,194,204)
```
#7fc8d2
```
#7fc8d2 rgb(127,200,210)
```
#8dced7
```
#8dced7 rgb(141,206,215)
```
#9cd4dc
```
#9cd4dc rgb(156,212,220)
```
#aadbe1
```
#aadbe1 rgb(170,219,225)
```
#b9e1e6
```
#b9e1e6 rgb(185,225,230)
```
#c7e7eb
```
#c7e7eb rgb(199,231,235)
```
#d6edf0
```
#d6edf0 rgb(214,237,240)
```
#e4f3f5
```
#e4f3f5 rgb(228,243,245)
```
#f3fafb
```
#f3fafb rgb(243,250,251)
```

Tint Color Variation

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

#626565
```
#626565 rgb(98,101,101)
```
#5a6b6d
```
#5a6b6d rgb(90,107,109)
```
#537074
```
#537074 rgb(83,112,116)
```
#4b767c
```
#4b767c rgb(75,118,124)
```
#437c84
```
#437c84 rgb(67,124,132)
```
#3c828b
```
#3c828b rgb(60,130,139)
```
#348893
```
#348893 rgb(52,136,147)
```
#2c8e9b
```
#2c8e9b rgb(44,142,155)
```
#2594a2
```
#2594a2 rgb(37,148,162)
```
#1d9aaa
```
#1d9aaa rgb(29,154,170)
```
#15a0b2
```
#15a0b2 rgb(21,160,178)
```
#0ea5b9
```
#0ea5b9 rgb(14,165,185)
```
#06abc1
```
#06abc1 rgb(6,171,193)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#647577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#818291 Protanopia 1% of men
#82819d Deuteranopia 1% of men
#3e8e98 Tritanopia 0.001% of the population

Trichromacy

#658492 Protanomaly 1% of men, 0.01% of women
#658399 Deuteranomaly 6% of men, 0.4% of women
#3a8b96 Tritanomaly 0.01% of the population

#348893 hex color

#348893 Color Information

#348893 Color Conversion

Color Schemes with #348893

Alternatives to #348893

#348893 Preview

Shades and Tints of #348893

Tones of #348893

Color Blindness Simulator