#357be2 hex color

In a RGB color space, hex #357be2 is composed of 20.8% red, 48.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 45.6% magenta, 0% yellow and 11.4% black. It has a hue angle of 215.7 degrees, a saturation of 74.9% and a lightness of 54.7%. #357be2 color hex could be obtained by blending #6af6ff with #0000c5. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 48
- B 89
RGB color chart
- C 77
- M 46
- Y 0
- K 11
CMYK color chart

● #357be2 color description : Bright blue.

The hexadecimal color #357be2 has RGB values of R:53, G:123, B:226 and CMYK values of C:0.77, M:0.46, Y:0, K:0.11. Its decimal value is 3505122.

Hex triplet	357be2	`#357be2`
RGB Decimal	53, 123, 226	`rgb(53,123,226)`
RGB Percent	20.8, 48.2, 88.6	`rgb(20.8%,48.2%,88.6%)`
CMYK	77, 46, 0, 11
HSL	215.7°, 74.9, 54.7	`hsl(215.7,74.9%,54.7%)`
HSV (or HSB)	215.7°, 76.5, 88.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	52.3, 13.875, -58.646
XYZ	22.276, 20.412, 74.713
xyY	0.19, 0.174, 20.412
CIE-LCH	52.3, 60.265, 283.311
CIE-LUV	52.3, -24.882, -92.392
Hunter-Lab	45.18, 8.944, -66.422
Binary	00110101, 01111011, 11100010

#357be2
```
#357be2 rgb(53,123,226)
```
#e29c35
```
#e29c35 rgb(226,156,53)
```

Complementary Color

#35d2e2
```
#35d2e2 rgb(53,210,226)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#4535e2
```
#4535e2 rgb(69,53,226)
```

Analogous Color

#d2e235
```
#d2e235 rgb(210,226,53)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#e24635
```
#e24635 rgb(226,70,53)
```

Split Complementary Color

#7be235
```
#7be235 rgb(123,226,53)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#e2357b
```
#e2357b rgb(226,53,123)
```

Triadic Color

#35e29c
```
#35e29c rgb(53,226,156)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#e2357b
```
#e2357b rgb(226,53,123)
```
#e29c35
```
#e29c35 rgb(226,156,53)
```

Tetradic Color

#1957b1
```
#1957b1 rgb(25,87,177)
```
#1d62c7
```
#1d62c7 rgb(29,98,199)
```
#206dde
```
#206dde rgb(32,109,222)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#4b8ae5
```
#4b8ae5 rgb(75,138,229)
```
#6298e8
```
#6298e8 rgb(98,152,232)
```
#78a7ec
```
#78a7ec rgb(120,167,236)
```

Monochromatic Color

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

#35a6e2
```
#35a6e2 rgb(53,166,226)
```
#3598e2
```
#3598e2 rgb(53,152,226)
```
#3589e2
```
#3589e2 rgb(53,137,226)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#356de2
```
#356de2 rgb(53,109,226)
```
#355ee2
```
#355ee2 rgb(53,94,226)
```
#3550e2
```
#3550e2 rgb(53,80,226)
```

Similar Colors

Text with hexadecimal color #357be2

This text has a font color of #357be2.

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

#357be2 background color

This paragraph has a background color of #357be2.

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

#357be2 border color

This element has a border color of #357be2.

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

CSS codes

.text {color:#357be2;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#030a15
```
#030a15 rgb(3,10,21)
```
#051326
```
#051326 rgb(5,19,38)
```
#081b37
```
#081b37 rgb(8,27,55)
```
#0a2448
```
#0a2448 rgb(10,36,72)
```
#0d2c5a
```
#0d2c5a rgb(13,44,90)
```
#0f346b
```
#0f346b rgb(15,52,107)
```
#123d7c
```
#123d7c rgb(18,61,124)
```
#14458d
```
#14458d rgb(20,69,141)
```
#174e9e
```
#174e9e rgb(23,78,158)
```
#1956af
```
#1956af rgb(25,86,175)
```
#1c5ec1
```
#1c5ec1 rgb(28,94,193)
```
#1e67d2
```
#1e67d2 rgb(30,103,210)
```

Shade Color Variation

#2470e0
```
#2470e0 rgb(36,112,224)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#4686e4
```
#4686e4 rgb(70,134,228)
```
#5791e7
```
#5791e7 rgb(87,145,231)
```
#689de9
```
#689de9 rgb(104,157,233)
```
#7aa8ec
```
#7aa8ec rgb(122,168,236)
```
#8bb3ee
```
#8bb3ee rgb(139,179,238)
```
#9cbef1
```
#9cbef1 rgb(156,190,241)
```
#adc9f3
```
#adc9f3 rgb(173,201,243)
```
#bed5f6
```
#bed5f6 rgb(190,213,246)
```
#cfe0f8
```
#cfe0f8 rgb(207,224,248)
```
#e1ebfb
```
#e1ebfb rgb(225,235,251)
```
#f2f6fd
```
#f2f6fd rgb(242,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858a92 is the less saturated color, while #1a76fd is the most saturated one.

#858a92
```
#858a92 rgb(133,138,146)
```
#7c899b
```
#7c899b rgb(124,137,155)
```
#7387a4
```
#7387a4 rgb(115,135,164)
```
#6a85ad
```
#6a85ad rgb(106,133,173)
```
#6183b6
```
#6183b6 rgb(97,131,182)
```
#5982be
```
#5982be rgb(89,130,190)
```
#5080c7
```
#5080c7 rgb(80,128,199)
```
#477ed0
```
#477ed0 rgb(71,126,208)
```
#3e7dd9
```
#3e7dd9 rgb(62,125,217)
```
#357be2
```
#357be2 rgb(53,123,226)
```
#2c79eb
```
#2c79eb rgb(44,121,235)
```
#2378f4
```
#2378f4 rgb(35,120,244)
```
#1a76fd
```
#1a76fd rgb(26,118,253)
```

Tone Color Variation

Below, you can see how #357be2 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
#667488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d80e2 Protanopia 1% of men
#0085de Deuteranopia 1% of men
#009099 Tritanopia 0.001% of the population

Trichromacy

#447ee2 Protanomaly 1% of men, 0.01% of women
#1381df Deuteranomaly 6% of men, 0.4% of women
#1388b3 Tritanomaly 0.01% of the population

#357be2 hex color

#357be2 Color Information

#357be2 Color Conversion

Color Schemes with #357be2

Alternatives to #357be2

#357be2 Preview

Shades and Tints of #357be2

Tones of #357be2

Color Blindness Simulator