#357395 hex color

In a RGB color space, hex #357395 is composed of 20.8% red, 45.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 64.4% cyan, 22.8% magenta, 0% yellow and 41.6% black. It has a hue angle of 201.3 degrees, a saturation of 47.5% and a lightness of 39.6%. #357395 color hex could be obtained by blending #6ae6ff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 45
- B 58
RGB color chart
- C 64
- M 23
- Y 0
- K 42
CMYK color chart

● #357395 color description : Dark moderate blue.

The hexadecimal color #357395 has RGB values of R:53, G:115, B:149 and CMYK values of C:0.64, M:0.23, Y:0, K:0.42. Its decimal value is 3502997.

Hex triplet	357395	`#357395`
RGB Decimal	53, 115, 149	`rgb(53,115,149)`
RGB Percent	20.8, 45.1, 58.4	`rgb(20.8%,45.1%,58.4%)`
CMYK	64, 23, 0, 42
HSL	201.3°, 47.5, 39.6	`hsl(201.3,47.5%,39.6%)`
HSV (or HSB)	201.3°, 64.4, 58.4
Web Safe	336699	`#336699`

CIE-LAB	45.89, -9.003, -24.408
XYZ	13.022, 15.187, 30.677
xyY	0.221, 0.258, 15.187
CIE-LCH	45.89, 26.015, 249.753
CIE-LUV	45.89, -24.669, -34.422
Hunter-Lab	38.971, -8.552, -19.393
Binary	00110101, 01110011, 10010101

#357395
```
#357395 rgb(53,115,149)
```
#955735
```
#955735 rgb(149,87,53)
```

Complementary Color

#359587
```
#359587 rgb(53,149,135)
```
#357395
```
#357395 rgb(53,115,149)
```
#354395
```
#354395 rgb(53,67,149)
```

Analogous Color

#958735
```
#958735 rgb(149,135,53)
```
#357395
```
#357395 rgb(53,115,149)
```
#953543
```
#953543 rgb(149,53,67)
```

Split Complementary Color

#739535
```
#739535 rgb(115,149,53)
```
#357395
```
#357395 rgb(53,115,149)
```
#953573
```
#953573 rgb(149,53,115)
```

Triadic Color

#359557
```
#359557 rgb(53,149,87)
```
#357395
```
#357395 rgb(53,115,149)
```
#953573
```
#953573 rgb(149,53,115)
```
#955735
```
#955735 rgb(149,87,53)
```

Tetradic Color

#21475d
```
#21475d rgb(33,71,93)
```
#28566f
```
#28566f rgb(40,86,111)
```
#2e6482
```
#2e6482 rgb(46,100,130)
```
#357395
```
#357395 rgb(53,115,149)
```
#3c82a8
```
#3c82a8 rgb(60,130,168)
```
#4290bb
```
#4290bb rgb(66,144,187)
```
#549bc2
```
#549bc2 rgb(84,155,194)
```

Monochromatic Color

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

#358b95
```
#358b95 rgb(53,139,149)
```
#358395
```
#358395 rgb(53,131,149)
```
#357b95
```
#357b95 rgb(53,123,149)
```
#357395
```
#357395 rgb(53,115,149)
```
#356b95
```
#356b95 rgb(53,107,149)
```
#356395
```
#356395 rgb(53,99,149)
```
#355b95
```
#355b95 rgb(53,91,149)
```

Similar Colors

Text with hexadecimal color #357395

This text has a font color of #357395.

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

#357395 background color

This paragraph has a background color of #357395.

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

#357395 border color

This element has a border color of #357395.

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

CSS codes

.text {color:#357395;}

.background {background-color:#357395;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070e13
```
#070e13 rgb(7,14,19)
```
#0c1a21
```
#0c1a21 rgb(12,26,33)
```
#112530
```
#112530 rgb(17,37,48)
```
#16303e
```
#16303e rgb(22,48,62)
```
#1b3b4d
```
#1b3b4d rgb(27,59,77)
```
#20465b
```
#20465b rgb(32,70,91)
```
#26516a
```
#26516a rgb(38,81,106)
```
#2b5d78
```
#2b5d78 rgb(43,93,120)
```
#306887
```
#306887 rgb(48,104,135)
```
#357395
```
#357395 rgb(53,115,149)
```
#3a7ea3
```
#3a7ea3 rgb(58,126,163)
```
#3f89b2
```
#3f89b2 rgb(63,137,178)
```

Shade Color Variation

#4794be
```
#4794be rgb(71,148,190)
```
#569cc3
```
#569cc3 rgb(86,156,195)
```
#64a5c8
```
#64a5c8 rgb(100,165,200)
```
#73adcd
```
#73adcd rgb(115,173,205)
```
#81b5d2
```
#81b5d2 rgb(129,181,210)
```
#90bed7
```
#90bed7 rgb(144,190,215)
```
#9ec6dd
```
#9ec6dd rgb(158,198,221)
```
#accfe2
```
#accfe2 rgb(172,207,226)
```
#bbd7e7
```
#bbd7e7 rgb(187,215,231)
```
#c9e0ec
```
#c9e0ec rgb(201,224,236)
```
#d8e8f1
```
#d8e8f1 rgb(216,232,241)
```
#e6f1f6
```
#e6f1f6 rgb(230,241,246)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

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

#646566
```
#646566 rgb(100,101,102)
```
#5c686e
```
#5c686e rgb(92,104,110)
```
#546a76
```
#546a76 rgb(84,106,118)
```
#4c6c7e
```
#4c6c7e rgb(76,108,126)
```
#456e85
```
#456e85 rgb(69,110,133)
```
#3d718d
```
#3d718d rgb(61,113,141)
```
#357395
```
#357395 rgb(53,115,149)
```
#2d759d
```
#2d759d rgb(45,117,157)
```
#2578a5
```
#2578a5 rgb(37,120,165)
```
#1e7aac
```
#1e7aac rgb(30,122,172)
```
#167cb4
```
#167cb4 rgb(22,124,180)
```
#0e7ebc
```
#0e7ebc rgb(14,126,188)
```
#0681c4
```
#0681c4 rgb(6,129,196)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#5b676e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7395 Protanopia 1% of men
#65739d Deuteranopia 1% of men
#337d87 Tritanopia 0.001% of the population

Trichromacy

#567395 Protanomaly 1% of men, 0.01% of women
#53739a Deuteranomaly 6% of men, 0.4% of women
#33798c Tritanomaly 0.01% of the population

#357395 hex color

#357395 Color Information

#357395 Color Conversion

Color Schemes with #357395

Alternatives to #357395

#357395 Preview

Shades and Tints of #357395

Tones of #357395

Color Blindness Simulator