#358aaf hex color

In a RGB color space, hex #358aaf is composed of 20.8% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 69.7% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 198.2 degrees, a saturation of 53.5% and a lightness of 44.7%. #358aaf color hex could be obtained by blending #6affff with #00155f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 21
- G 54
- B 69
RGB color chart
- C 70
- M 21
- Y 0
- K 31
CMYK color chart

● #358aaf color description : Dark moderate blue.

The hexadecimal color #358aaf has RGB values of R:53, G:138, B:175 and CMYK values of C:0.7, M:0.21, Y:0, K:0.31. Its decimal value is 3508911.

Hex triplet	358aaf	`#358aaf`
RGB Decimal	53, 138, 175	`rgb(53,138,175)`
RGB Percent	20.8, 54.1, 68.6	`rgb(20.8%,54.1%,68.6%)`
CMYK	70, 21, 0, 31
HSL	198.2°, 53.5, 44.7	`hsl(198.2,53.5%,44.7%)`
HSV (or HSB)	198.2°, 69.7, 68.6
Web Safe	339999	`#339999`

CIE-LAB	54.056, -13.287, -26.901
XYZ	18.293, 22.028, 43.843
xyY	0.217, 0.262, 22.028
CIE-LCH	54.056, 30.003, 243.714
CIE-LUV	54.056, -31.957, -39.017
Hunter-Lab	46.933, -12.562, -22.532
Binary	00110101, 10001010, 10101111

#358aaf
```
#358aaf rgb(53,138,175)
```
#af5a35
```
#af5a35 rgb(175,90,53)
```

Complementary Color

#35af97
```
#35af97 rgb(53,175,151)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#354daf
```
#354daf rgb(53,77,175)
```

Analogous Color

#af9735
```
#af9735 rgb(175,151,53)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#af354d
```
#af354d rgb(175,53,77)
```

Split Complementary Color

#8aaf35
```
#8aaf35 rgb(138,175,53)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#af358a
```
#af358a rgb(175,53,138)
```

Triadic Color

#35af5a
```
#35af5a rgb(53,175,90)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#af358a
```
#af358a rgb(175,53,138)
```
#af5a35
```
#af5a35 rgb(175,90,53)
```

Tetradic Color

#235c74
```
#235c74 rgb(35,92,116)
```
#296b88
```
#296b88 rgb(41,107,136)
```
#2f7b9b
```
#2f7b9b rgb(47,123,155)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#3b99c3
```
#3b99c3 rgb(59,153,195)
```
#4ea4c9
```
#4ea4c9 rgb(78,164,201)
```
#61aecf
```
#61aecf rgb(97,174,207)
```

Monochromatic Color

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

#35a9af
```
#35a9af rgb(53,169,175)
```
#359eaf
```
#359eaf rgb(53,158,175)
```
#3594af
```
#3594af rgb(53,148,175)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#3580af
```
#3580af rgb(53,128,175)
```
#3576af
```
#3576af rgb(53,118,175)
```
#356caf
```
#356caf rgb(53,108,175)
```

Similar Colors

Text with hexadecimal color #358aaf

This text has a font color of #358aaf.

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

#358aaf background color

This paragraph has a background color of #358aaf.

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

#358aaf border color

This element has a border color of #358aaf.

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

CSS codes

.text {color:#358aaf;}

.background {background-color:#358aaf;}

.border {border:1px solid #358aaf;}

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

#030709
```
#030709 rgb(3,7,9)
```
#071318
```
#071318 rgb(7,19,24)
```
#0c1f27
```
#0c1f27 rgb(12,31,39)
```
#112b37
```
#112b37 rgb(17,43,55)
```
#153746
```
#153746 rgb(21,55,70)
```
#1a4355
```
#1a4355 rgb(26,67,85)
```
#1e4f64
```
#1e4f64 rgb(30,79,100)
```
#235b73
```
#235b73 rgb(35,91,115)
```
#276682
```
#276682 rgb(39,102,130)
```
#2c7291
```
#2c7291 rgb(44,114,145)
```
#307ea0
```
#307ea0 rgb(48,126,160)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#3a96be
```
#3a96be rgb(58,150,190)
```

Shade Color Variation

#459fc7
```
#459fc7 rgb(69,159,199)
```
#54a7cb
```
#54a7cb rgb(84,167,203)
```
#63afd0
```
#63afd0 rgb(99,175,208)
```
#72b6d4
```
#72b6d4 rgb(114,182,212)
```
#81bed9
```
#81bed9 rgb(129,190,217)
```
#90c6dd
```
#90c6dd rgb(144,198,221)
```
#9fcee2
```
#9fcee2 rgb(159,206,226)
```
#aed5e6
```
#aed5e6 rgb(174,213,230)
```
#bdddeb
```
#bdddeb rgb(189,221,235)
```
#cce5f0
```
#cce5f0 rgb(204,229,240)
```
#dbedf4
```
#dbedf4 rgb(219,237,244)
```
#eaf4f9
```
#eaf4f9 rgb(234,244,249)
```
#f9fcfd
```
#f9fcfd rgb(249,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6a757a is the less saturated color, while #009fe4 is the most saturated one.

#6a757a
```
#6a757a rgb(106,117,122)
```
#617983
```
#617983 rgb(97,121,131)
```
#587c8c
```
#587c8c rgb(88,124,140)
```
#4f8095
```
#4f8095 rgb(79,128,149)
```
#47839d
```
#47839d rgb(71,131,157)
```
#3e87a6
```
#3e87a6 rgb(62,135,166)
```
#358aaf
```
#358aaf rgb(53,138,175)
```
#2c8db8
```
#2c8db8 rgb(44,141,184)
```
#2391c1
```
#2391c1 rgb(35,145,193)
```
#1b94c9
```
#1b94c9 rgb(27,148,201)
```
#1298d2
```
#1298d2 rgb(18,152,210)
```
#099bdb
```
#099bdb rgb(9,155,219)
```
#009fe4
```
#009fe4 rgb(0,159,228)
```

Tone Color Variation

Below, you can see how #358aaf 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
#687981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c86ac Protanopia 1% of men
#7686b7 Deuteranopia 1% of men
#2e939e Tritanopia 0.001% of the population

Trichromacy

#6287ad Protanomaly 1% of men, 0.01% of women
#5e87b4 Deuteranomaly 6% of men, 0.4% of women
#3090a4 Tritanomaly 0.01% of the population

#358aaf hex color

#358aaf Color Information

#358aaf Color Conversion

Color Schemes with #358aaf

Alternatives to #358aaf

#358aaf Preview

Shades and Tints of #358aaf

Tones of #358aaf

Color Blindness Simulator