#347485 hex color

In a RGB color space, hex #347485 is composed of 20.4% red, 45.5% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 12.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 192.6 degrees, a saturation of 43.8% and a lightness of 36.3%. #347485 color hex could be obtained by blending #68e8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 20
- G 45
- B 52
RGB color chart
- C 61
- M 13
- Y 0
- K 48
CMYK color chart

● #347485 color description : Dark moderate cyan.

The hexadecimal color #347485 has RGB values of R:52, G:116, B:133 and CMYK values of C:0.61, M:0.13, Y:0, K:0.48. Its decimal value is 3437701.

Hex triplet	347485	`#347485`
RGB Decimal	52, 116, 133	`rgb(52,116,133)`
RGB Percent	20.4, 45.5, 52.2	`rgb(20.4%,45.5%,52.2%)`
CMYK	61, 13, 0, 48
HSL	192.6°, 43.8, 36.3	`hsl(192.6,43.8%,36.3%)`
HSV (or HSB)	192.6°, 60.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	45.515, -15.06, -15.487
XYZ	11.894, 14.913, 24.441
xyY	0.232, 0.291, 14.913
CIE-LCH	45.515, 21.602, 225.801
CIE-LUV	45.515, -25.934, -20.029
Hunter-Lab	38.618, -12.604, -10.491
Binary	00110100, 01110100, 10000101

#347485
```
#347485 rgb(52,116,133)
```
#854534
```
#854534 rgb(133,69,52)
```

Complementary Color

#34856e
```
#34856e rgb(52,133,110)
```
#347485
```
#347485 rgb(52,116,133)
```
#344c85
```
#344c85 rgb(52,76,133)
```

Analogous Color

#856e34
```
#856e34 rgb(133,110,52)
```
#347485
```
#347485 rgb(52,116,133)
```
#85344c
```
#85344c rgb(133,52,76)
```

Split Complementary Color

#748534
```
#748534 rgb(116,133,52)
```
#347485
```
#347485 rgb(52,116,133)
```
#853474
```
#853474 rgb(133,52,116)
```

Triadic Color

#348545
```
#348545 rgb(52,133,69)
```
#347485
```
#347485 rgb(52,116,133)
```
#853474
```
#853474 rgb(133,52,116)
```
#854534
```
#854534 rgb(133,69,52)
```

Tetradic Color

#1e444e
```
#1e444e rgb(30,68,78)
```
#265460
```
#265460 rgb(38,84,96)
```
#2d6473
```
#2d6473 rgb(45,100,115)
```
#347485
```
#347485 rgb(52,116,133)
```
#3b8497
```
#3b8497 rgb(59,132,151)
```
#4294aa
```
#4294aa rgb(66,148,170)
```
#4ca2b9
```
#4ca2b9 rgb(76,162,185)
```

Monochromatic Color

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

#348582
```
#348582 rgb(52,133,130)
```
#348285
```
#348285 rgb(52,130,133)
```
#347b85
```
#347b85 rgb(52,123,133)
```
#347485
```
#347485 rgb(52,116,133)
```
#346d85
```
#346d85 rgb(52,109,133)
```
#346785
```
#346785 rgb(52,103,133)
```
#346085
```
#346085 rgb(52,96,133)
```

Similar Colors

Text with hexadecimal color #347485

This text has a font color of #347485.

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

#347485 background color

This paragraph has a background color of #347485.

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

#347485 border color

This element has a border color of #347485.

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

CSS codes

.text {color:#347485;}

.background {background-color:#347485;}

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

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

#020506
```
#020506 rgb(2,5,6)
```
#081214
```
#081214 rgb(8,18,20)
```
#0d1e22
```
#0d1e22 rgb(13,30,34)
```
#132a30
```
#132a30 rgb(19,42,48)
```
#18373e
```
#18373e rgb(24,55,62)
```
#1e434d
```
#1e434d rgb(30,67,77)
```
#234f5b
```
#234f5b rgb(35,79,91)
```
#295b69
```
#295b69 rgb(41,91,105)
```
#2e6877
```
#2e6877 rgb(46,104,119)
```
#347485
```
#347485 rgb(52,116,133)
```
#3a8093
```
#3a8093 rgb(58,128,147)
```
#3f8da1
```
#3f8da1 rgb(63,141,161)
```
#4599af
```
#4599af rgb(69,153,175)
```

Shade Color Variation

#4ea3ba
```
#4ea3ba rgb(78,163,186)
```
#5caabf
```
#5caabf rgb(92,170,191)
```
#6ab2c5
```
#6ab2c5 rgb(106,178,197)
```
#78b9ca
```
#78b9ca rgb(120,185,202)
```
#86c0d0
```
#86c0d0 rgb(134,192,208)
```
#94c8d5
```
#94c8d5 rgb(148,200,213)
```
#a2cfdb
```
#a2cfdb rgb(162,207,219)
```
#b0d6e0
```
#b0d6e0 rgb(176,214,224)
```
#bfdee6
```
#bfdee6 rgb(191,222,230)
```
#cde5eb
```
#cde5eb rgb(205,229,235)
```
#dbecf1
```
#dbecf1 rgb(219,236,241)
```
#e9f4f6
```
#e9f4f6 rgb(233,244,246)
```
#f7fbfc
```
#f7fbfc rgb(247,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #585f61 is the less saturated color, while #0291b7 is the most saturated one.

#585f61
```
#585f61 rgb(88,95,97)
```
#506369
```
#506369 rgb(80,99,105)
```
#496870
```
#496870 rgb(73,104,112)
```
#426c77
```
#426c77 rgb(66,108,119)
```
#3b707e
```
#3b707e rgb(59,112,126)
```
#347485
```
#347485 rgb(52,116,133)
```
#2d788c
```
#2d788c rgb(45,120,140)
```
#267c93
```
#267c93 rgb(38,124,147)
```
#1f809a
```
#1f809a rgb(31,128,154)
```
#1885a1
```
#1885a1 rgb(24,133,161)
```
#1089a9
```
#1089a9 rgb(16,137,169)
```
#098db0
```
#098db0 rgb(9,141,176)
```
#0291b7
```
#0291b7 rgb(2,145,183)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a666a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7285 Protanopia 1% of men
#6e718f Deuteranopia 1% of men
#3b7c85 Tritanopia 0.001% of the population

Trichromacy

#597385 Protanomaly 1% of men, 0.01% of women
#59728b Deuteranomaly 6% of men, 0.4% of women
#387985 Tritanomaly 0.01% of the population

#347485 hex color

#347485 Color Information

#347485 Color Conversion

Color Schemes with #347485

Alternatives to #347485

#347485 Preview

Shades and Tints of #347485

Tones of #347485

Color Blindness Simulator