#358abe hex color

In a RGB color space, hex #358abe is composed of 20.8% red, 54.1% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 72.1% cyan, 27.4% magenta, 0% yellow and 25.5% black. It has a hue angle of 202.8 degrees, a saturation of 56.4% and a lightness of 47.6%. #358abe color hex could be obtained by blending #6affff with #00157d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 21
- G 54
- B 75
RGB color chart
- C 72
- M 27
- Y 0
- K 25
CMYK color chart

● #358abe color description : Moderate blue.

The hexadecimal color #358abe has RGB values of R:53, G:138, B:190 and CMYK values of C:0.72, M:0.27, Y:0, K:0.25. Its decimal value is 3508926.

Hex triplet	358abe	`#358abe`
RGB Decimal	53, 138, 190	`rgb(53,138,190)`
RGB Percent	20.8, 54.1, 74.5	`rgb(20.8%,54.1%,74.5%)`
CMYK	72, 27, 0, 25
HSL	202.8°, 56.4, 47.6	`hsl(202.8,56.4%,47.6%)`
HSV (or HSB)	202.8°, 72.1, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	54.71, -8.141, -34.455
XYZ	19.849, 22.65, 52.038
xyY	0.21, 0.24, 22.65
CIE-LCH	54.71, 35.404, 256.706
CIE-LUV	54.71, -31.215, -51.962
Hunter-Lab	47.592, -8.841, -31.515
Binary	00110101, 10001010, 10111110

#358abe
```
#358abe rgb(53,138,190)
```
#be6935
```
#be6935 rgb(190,105,53)
```

Complementary Color

#35beae
```
#35beae rgb(53,190,174)
```
#358abe
```
#358abe rgb(53,138,190)
```
#3546be
```
#3546be rgb(53,70,190)
```

Analogous Color

#beae35
```
#beae35 rgb(190,174,53)
```
#358abe
```
#358abe rgb(53,138,190)
```
#be3546
```
#be3546 rgb(190,53,70)
```

Split Complementary Color

#8abe35
```
#8abe35 rgb(138,190,53)
```
#358abe
```
#358abe rgb(53,138,190)
```
#be358a
```
#be358a rgb(190,53,138)
```

Triadic Color

#35be69
```
#35be69 rgb(53,190,105)
```
#358abe
```
#358abe rgb(53,138,190)
```
#be358a
```
#be358a rgb(190,53,138)
```
#be6935
```
#be6935 rgb(190,105,53)
```

Tetradic Color

#245f82
```
#245f82 rgb(36,95,130)
```
#2a6d96
```
#2a6d96 rgb(42,109,150)
```
#2f7caa
```
#2f7caa rgb(47,124,170)
```
#358abe
```
#358abe rgb(53,138,190)
```
#4297ca
```
#4297ca rgb(66,151,202)
```
#56a2d0
```
#56a2d0 rgb(86,162,208)
```
#6aadd5
```
#6aadd5 rgb(106,173,213)
```

Monochromatic Color

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

#35acbe
```
#35acbe rgb(53,172,190)
```
#35a1be
```
#35a1be rgb(53,161,190)
```
#3595be
```
#3595be rgb(53,149,190)
```
#358abe
```
#358abe rgb(53,138,190)
```
#357fbe
```
#357fbe rgb(53,127,190)
```
#3573be
```
#3573be rgb(53,115,190)
```
#3568be
```
#3568be rgb(53,104,190)
```

Similar Colors

Text with hexadecimal color #358abe

This text has a font color of #358abe.

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

#358abe background color

This paragraph has a background color of #358abe.

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

#358abe border color

This element has a border color of #358abe.

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

CSS codes

.text {color:#358abe;}

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

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

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

#020406
```
#020406 rgb(2,4,6)
```
#060f15
```
#060f15 rgb(6,15,21)
```
#0a1b25
```
#0a1b25 rgb(10,27,37)
```
#0e2634
```
#0e2634 rgb(14,38,52)
```
#133143
```
#133143 rgb(19,49,67)
```
#173c53
```
#173c53 rgb(23,60,83)
```
#1b4762
```
#1b4762 rgb(27,71,98)
```
#205271
```
#205271 rgb(32,82,113)
```
#245d81
```
#245d81 rgb(36,93,129)
```
#286990
```
#286990 rgb(40,105,144)
```
#2c749f
```
#2c749f rgb(44,116,159)
```
#317faf
```
#317faf rgb(49,127,175)
```
#358abe
```
#358abe rgb(53,138,190)
```

Shade Color Variation

#3e94c9
```
#3e94c9 rgb(62,148,201)
```
#4d9dcd
```
#4d9dcd rgb(77,157,205)
```
#5ca5d2
```
#5ca5d2 rgb(92,165,210)
```
#6caed6
```
#6caed6 rgb(108,174,214)
```
#7bb6da
```
#7bb6da rgb(123,182,218)
```
#8abede
```
#8abede rgb(138,190,222)
```
#9ac7e3
```
#9ac7e3 rgb(154,199,227)
```
#a9cfe7
```
#a9cfe7 rgb(169,207,231)
```
#b8d8eb
```
#b8d8eb rgb(184,216,235)
```
#c8e0f0
```
#c8e0f0 rgb(200,224,240)
```
#d7e9f4
```
#d7e9f4 rgb(215,233,244)
```
#e6f1f8
```
#e6f1f8 rgb(230,241,248)
```
#f6fafc
```
#f6fafc rgb(246,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a7d is the less saturated color, while #0695ed is the most saturated one.

#767a7d
```
#767a7d rgb(118,122,125)
```
#6d7c86
```
#6d7c86 rgb(109,124,134)
```
#647f8f
```
#647f8f rgb(100,127,143)
```
#5a8199
```
#5a8199 rgb(90,129,153)
```
#5183a2
```
#5183a2 rgb(81,131,162)
```
#4885ab
```
#4885ab rgb(72,133,171)
```
#3e88b5
```
#3e88b5 rgb(62,136,181)
```
#358abe
```
#358abe rgb(53,138,190)
```
#2c8cc7
```
#2c8cc7 rgb(44,140,199)
```
#228fd1
```
#228fd1 rgb(34,143,209)
```
#1991da
```
#1991da rgb(25,145,218)
```
#1093e3
```
#1093e3 rgb(16,147,227)
```
#0695ed
```
#0695ed rgb(6,149,237)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#6a7b85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7887bb Protanopia 1% of men
#6d88c4 Deuteranopia 1% of men
#1996a1 Tritanopia 0.001% of the population

Trichromacy

#5f88bc Protanomaly 1% of men, 0.01% of women
#5889c2 Deuteranomaly 6% of men, 0.4% of women
#2391ab Tritanomaly 0.01% of the population

#358abe hex color

#358abe Color Information

#358abe Color Conversion

Color Schemes with #358abe

Alternatives to #358abe

#358abe Preview

Shades and Tints of #358abe

Tones of #358abe

Color Blindness Simulator