#357aed hex color

In a RGB color space, hex #357aed is composed of 20.8% red, 47.8% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 48.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 217.5 degrees, a saturation of 83.6% and a lightness of 56.9%. #357aed color hex could be obtained by blending #6af4ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 48
- B 93
RGB color chart
- C 78
- M 49
- Y 0
- K 7
CMYK color chart

● #357aed color description : Bright blue.

The hexadecimal color #357aed has RGB values of R:53, G:122, B:237 and CMYK values of C:0.78, M:0.49, Y:0, K:0.07. Its decimal value is 3504877.

Hex triplet	357aed	`#357aed`
RGB Decimal	53, 122, 237	`rgb(53,122,237)`
RGB Percent	20.8, 47.8, 92.9	`rgb(20.8%,47.8%,92.9%)`
CMYK	78, 49, 0, 7
HSL	217.5°, 83.6, 56.9	`hsl(217.5,83.6%,56.9%)`
HSV (or HSB)	217.5°, 77.6, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	52.717, 18.558, -64.132
XYZ	23.71, 20.789, 82.879
xyY	0.186, 0.163, 20.789
CIE-LCH	52.717, 66.763, 286.139
CIE-LUV	52.717, -24.321, -101.47
Hunter-Lab	45.594, 13.035, -75.858
Binary	00110101, 01111010, 11101101

#357aed
```
#357aed rgb(53,122,237)
```
#eda835
```
#eda835 rgb(237,168,53)
```

Complementary Color

#35d6ed
```
#35d6ed rgb(53,214,237)
```
#357aed
```
#357aed rgb(53,122,237)
```
#4c35ed
```
#4c35ed rgb(76,53,237)
```

Analogous Color

#d6ed35
```
#d6ed35 rgb(214,237,53)
```
#357aed
```
#357aed rgb(53,122,237)
```
#ed4c35
```
#ed4c35 rgb(237,76,53)
```

Split Complementary Color

#7aed35
```
#7aed35 rgb(122,237,53)
```
#357aed
```
#357aed rgb(53,122,237)
```
#ed357a
```
#ed357a rgb(237,53,122)
```

Triadic Color

#35eda8
```
#35eda8 rgb(53,237,168)
```
#357aed
```
#357aed rgb(53,122,237)
```
#ed357a
```
#ed357a rgb(237,53,122)
```
#eda835
```
#eda835 rgb(237,168,53)
```

Tetradic Color

#1154c4
```
#1154c4 rgb(17,84,196)
```
#145fdb
```
#145fdb rgb(20,95,219)
```
#1e6beb
```
#1e6beb rgb(30,107,235)
```
#357aed
```
#357aed rgb(53,122,237)
```
#4c89ef
```
#4c89ef rgb(76,137,239)
```
#6499f1
```
#6499f1 rgb(100,153,241)
```
#7ba8f3
```
#7ba8f3 rgb(123,168,243)
```

Monochromatic Color

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

#35a8ed
```
#35a8ed rgb(53,168,237)
```
#3599ed
```
#3599ed rgb(53,153,237)
```
#3589ed
```
#3589ed rgb(53,137,237)
```
#357aed
```
#357aed rgb(53,122,237)
```
#356bed
```
#356bed rgb(53,107,237)
```
#355bed
```
#355bed rgb(53,91,237)
```
#354ced
```
#354ced rgb(53,76,237)
```

Similar Colors

Text with hexadecimal color #357aed

This text has a font color of #357aed.

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

#357aed background color

This paragraph has a background color of #357aed.

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

#357aed border color

This element has a border color of #357aed.

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

CSS codes

.text {color:#357aed;}

.background {background-color:#357aed;}

.border {border:1px solid #357aed;}

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, #01060e is the darkest color, while #fbfcff is the lightest one.

#01060e
```
#01060e rgb(1,6,14)
```
#030e20
```
#030e20 rgb(3,14,32)
```
#041632
```
#041632 rgb(4,22,50)
```
#061d44
```
#061d44 rgb(6,29,68)
```
#082556
```
#082556 rgb(8,37,86)
```
#092d68
```
#092d68 rgb(9,45,104)
```
#0b357a
```
#0b357a rgb(11,53,122)
```
#0c3c8c
```
#0c3c8c rgb(12,60,140)
```
#0e449e
```
#0e449e rgb(14,68,158)
```
#104cb0
```
#104cb0 rgb(16,76,176)
```
#1154c2
```
#1154c2 rgb(17,84,194)
```
#135bd4
```
#135bd4 rgb(19,91,212)
```
#1563e6
```
#1563e6 rgb(21,99,230)
```

Shade Color Variation

#236eeb
```
#236eeb rgb(35,110,235)
```
#357aed
```
#357aed rgb(53,122,237)
```
#4786ef
```
#4786ef rgb(71,134,239)
```
#5992f0
```
#5992f0 rgb(89,146,240)
```
#6b9ef2
```
#6b9ef2 rgb(107,158,242)
```
#7da9f3
```
#7da9f3 rgb(125,169,243)
```
#8fb5f5
```
#8fb5f5 rgb(143,181,245)
```
#a1c1f7
```
#a1c1f7 rgb(161,193,247)
```
#b3cdf8
```
#b3cdf8 rgb(179,205,248)
```
#c5d9fa
```
#c5d9fa rgb(197,217,250)
```
#d7e5fb
```
#d7e5fb rgb(215,229,251)
```
#e9f1fd
```
#e9f1fd rgb(233,241,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8f98 is the less saturated color, while #2476fe is the most saturated one.

#8a8f98
```
#8a8f98 rgb(138,143,152)
```
#818da1
```
#818da1 rgb(129,141,161)
```
#798ba9
```
#798ba9 rgb(121,139,169)
```
#7089b2
```
#7089b2 rgb(112,137,178)
```
#6887ba
```
#6887ba rgb(104,135,186)
```
#5f85c3
```
#5f85c3 rgb(95,133,195)
```
#5782cb
```
#5782cb rgb(87,130,203)
```
#4e80d4
```
#4e80d4 rgb(78,128,212)
```
#467edc
```
#467edc rgb(70,126,220)
```
#3d7ce5
```
#3d7ce5 rgb(61,124,229)
```
#357aed
```
#357aed rgb(53,122,237)
```
#2d78f5
```
#2d78f5 rgb(45,120,245)
```
#2476fe
```
#2476fe rgb(36,118,254)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#66748b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f80ed Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#3b7eed Protanomaly 1% of men, 0.01% of women
#1382e3 Deuteranomaly 6% of men, 0.4% of women
#1388b8 Tritanomaly 0.01% of the population

#357aed hex color

#357aed Color Information

#357aed Color Conversion

Color Schemes with #357aed

Alternatives to #357aed

#357aed Preview

Shades and Tints of #357aed

Tones of #357aed

Color Blindness Simulator